Design enthält Fehler bei Mozilla

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Design enthält Fehler bei Mozilla

    Hallo,

    ich habe mühevoll die ganze letzte Nacht an dem Design meines Blogs gebastelt und eigtl. hat alles sehr gut ausgesehen :-):

    www.modenio.de/blog

    Doch nun hat mir heute ein bekannter geschrieben, dass es bei mozilla schlecht angezeigt wird und Fehler enthält.

    Meine style.css habe ich nun einmal als txt Datei gespeichert und hier online gestellt:
    http://www.modenio.de/01_style0101.txt

    Würde mich sehr auf eure Hilfe freuen !

    Gruß,
    Andreas

  • #2
    ich vermute du hast n problem mit deinen paddings und so. hab aber nicht in den quelltext geguckt.

    versuch es mal einzugrenzen.

    Kommentar


    • #3
      du hast

      #mainwrapper
      {
      width: 922px;
      margin: auto;
      }

      versuch mal

      #mainwrapper
      {
      width: 994px;
      margin: auto;
      }
      Sport Dates

      Kommentar


      • #4
        Hi,

        habe ich gemacht :-)
        Kann mir jemand von euch sagen, der Mozilla hat, ob es nun richtig angzeigt wird? Habe nämlcih keines...

        Aber kurz über meinem Footer wird der Hintergrund auch etwas nach recht verschoben. Wie kann ich denn das richtig einstellen?

        Kommentar


        • #5
          Habe nämlcih keines...
          besorgen
          Kann mir jemand von euch sagen, der Mozilla hat, ob es nun richtig angzeigt wird?
          es sind noch etliche kleine fehler vorhanden.

          gruß
          peter
          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
          Meine Seite

          Kommentar


          • #6
            in firefox sieht das nicht richtig gut aus, der footer hängt nun im header.

            ein
            clear:both;

            in #footer sollte da abhilfe schaffen, ausserdem heisst es [wegeditiert...weil mist]..........
            Zuletzt geändert von Byteandi; 02.08.2006, 14:22.
            Sport Dates

            Kommentar


            • #7
              Hi,

              habe ich geändert. Nun besser?

              Ich habe es nun bei Validator W3 prüfen lassen und es gab keine fehler:
              http://validator.w3.org/check?uri=ht...o.de%2Fblog%2F

              Was genau ist denn noch falsch? Könntet ihr mir da helfen?

              Kommentar


              • #8
                sieht schon nicht mehr ganz so schlimm aus.
                btw: warum ziehst du dir den mozilla nicht und schaust selber nach?

                gruß
                peter
                Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                Meine Seite

                Kommentar


                • #9

                  sorry, das mit dem background: hab ich dir falsch gesagt, musst du wieder ändern, ist mir aber eben erst aufgefallen.

                  background: url(01_footer.jpg) no-repeat;

                  bist du sicher, dass der pfad stimmt?
                  ausserdem wackeln die links auf der linken seite beim hover

                  schau mal hier

                  css
                  Zuletzt geändert von Byteandi; 02.08.2006, 14:23.
                  Sport Dates

                  Kommentar


                  • #10
                    Hi,

                    habe das nun nach dem code eingebaut, den mir eine Seite erstellt hat.

                    Doch nun wird das Menü ganz falsch angezeigt: www.modenio.de/blog/

                    Wie kann ich das wieder richtig einstellen?

                    Kommentar


                    • #11
                      du musst in diesem teil ein clear:both einbauen, z.B. wie ich es gemacht habe

                      Code:
                      			<div class="sidebardl centerize">
                      				
                      			</div>
                      		</div>
                      	</div>
                      
                      <br style='clear:both;'/>
                      </div>
                      </div>
                      
                      <!--HINWEIS-->
                      und hier hast du deine 01_style0101.css datei die du austauschen solltest, sicher die andere aber vorsichtshalber!



                      Code:
                      img {
                      border : 0; 
                      } 
                      .hidden {
                      display : none; 
                      } 
                      form {
                      margin : 0; 
                      } 
                      h1, h2, h3, h4, h5, h6 {
                      margin : 0; 
                      font-weight : normal; 
                      font-family : "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif; 
                      } 
                      .centerize {
                      text-align : center; 
                      } 
                      a:link, a:visited {
                      color : #635d45; 
                      text-decoration : none; 
                      } 
                      a:hover, a:active {
                      color : black; 
                      } 
                      #copyrights a:link, #copyrights a:visited {
                      color : #474747; 
                      } 
                      #copyrights a:hover, #copyrights a:active {
                      color : white; 
                      } 
                      body {
                      color : #494949; 
                      font-size : 11px; 
                      font-family : "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif; 
                      margin : 0; 
                      padding : 30px 0; 
                      } 
                      #header {
                      position : relative; 
                      width : 994px; 
                      height : 169px; 
                      margin : auto; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_header.jpg) no-repeat; 
                      } 
                      #header h1 {
                      font-size : 24px; 
                      text-align : center; 
                      line-height : 179px; 
                      } 
                      #mainwrapper {
                      width : 994px; 
                      margin : auto; 
                      } 
                      #wrapper {
                      width : 994px; 
                      margin : auto; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_mainbg.jpg); 
                      } 
                      
                      #container {
                      width : 922px; 
                      overflow : visible; 
                      float : right; 
                      height : 1%; 
                      margin-left : -204px; 
                      padding : 4px 0 0; 
                      } 
                      #sidebarcontainer {
                      float : left; 
                      width : 240px; 
                      padding : 2px 0 0; 
                      } 
                      #footer {
                      text-align : center; 
                      padding : 18px 0 30px; 
                      width : 994px; 
                      margin : auto; 
                      clear:both;
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_footer.jpg) no-repeat; 
                      } 
                      .clearing {
                      height : 20px; 
                      width : 922px; 
                      clear : both; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_mainbg.jpg) repeat-y center; 
                      } 
                      .content {
                      margin : 0 60px 50px 200px; 
                      padding : 0; 
                      } 
                      .sidebar {
                      color : #21262a; 
                      margin : 0 6px 15px 45px; 
                      } 
                      #switcher {
                      position : absolute; 
                      top : 145px; 
                      left : 208px; 
                      width : 491px; 
                      height : 25px; 
                      } 
                      #switcher img {
                      float : right; 
                      margin : 4px 4px 0 0; 
                      } 
                      .contentitempostedby {
                      font-size : 10px; 
                      padding : 0 10px 0 13px; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_bgpostedby.gif) no-repeat center left; 
                      line-height : 12px; 
                      } 
                      .contentitemcomments {
                      font-size : 10px; 
                      padding : 0 10px 0 15px; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_bgcomment.gif) no-repeat center left; 
                      line-height : 12px; 
                      } 
                      .contentitemcategory {
                      font-size : 10px; 
                      padding : 0 10px 0 13px; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_bgcategory.gif) no-repeat center left; 
                      line-height : 12px; 
                      } 
                      .contentitem {
                      margin : 0 0 16px; 
                      padding : 3px 0 0; 
                      } 
                      .contentitem1 {
                      display : inline; 
                      } 
                      .contentitem2 {
                      display : inline; 
                      padding : 0 0 0 10px; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_dotv.gif) repeat-y left; 
                      } 
                      .contentitem3 {
                      display : inline; 
                      padding : 0 0 0 10px; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_dotv.gif) repeat-y left; 
                      } 
                      .contenttitle h2 {
                      padding : 10px 0 10px 0; 
                      margin : 0; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_dot.gif) repeat-x bottom; 
                      font-size : 18px; 
                      padding : 2px 0 4px 10px; 
                      clear : both; 
                      } 
                      .contentbody {
                      text-align : justify; 
                      font-size : 14px; 
                      line-height : 150%; 
                      } 
                      .itemcomment {
                      margin : 10px 0 0; 
                      padding : 6px 42px; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_commentquote01.gif) no-repeat; 
                      background-position : 6px 9px; 
                      border : 1px solid white; 
                      } 
                      .itemcomment:hover {
                      background : #f9f9f9 url(http://www.modenio.de/blog/skins/stanch_de/images/01_commentquote02.gif) no-repeat; 
                      background-position : 6px 9px; 
                      border : 1px solid #cccccc; 
                      } 
                      .id1 {
                      background : #f9f9f9 url(http://www.modenio.de/blog/skins/stanch_de/images/01_commentquote02.gif) no-repeat; 
                      background-position : 6px 9px; 
                      border : 1px solid #b3c492; 
                      } 
                      .id1:hover {
                      background : #f9f9f9 url(http://www.modenio.de/blog/skins/stanch_de/images/01_commentquote02.gif) no-repeat; 
                      background-position : 6px 9px; 
                      border : 1px solid #b3c492; 
                      } 
                      .itemcomment h3 {
                      font-size : 12px; 
                      } 
                      .sidebardl {
                      margin : 0; 
                      padding : 0 0 10px; 
                      } 
                      .sidebardl dt {
                      color : #3a3523; 
                      font-size : 12px; 
                      font-weight : bold; 
                      font-family : "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif; 
                      padding : 4px 10px; 
                      background : #e5e5e5 url(http://www.modenio.de/blog/skins/stanch_de/images/01_sidetitlebg.gif); 
                      } 
                      .sidebardl dd {
                      margin : 5px 0 0; 
                      margin-left : 0px; 
                      padding : 2px 10px; 
                      background : #eeeeee; 
                      } 
                      
                      
                      .sidebardl dd a:link, .sidebardl dd a:visited {
                      margin : 3px 0 0 0; 
                      padding : 0 0 0 10px; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_arrow.gif) no-repeat left center; 
                      } 
                      
                      .sidebardl dd a:hover
                      {
                      margin : 3px 0 0 0; 
                      padding : 0 0 0 10px; 
                      } 
                      
                      .loginform, .searchform {
                      margin : 5px 0; 
                      } 
                      .commentform, .mailform {
                      margin-top : 10px; 
                      } 
                      .formfield {
                      font-size : 11px; 
                      margin : 1px 0 0; 
                      color : #494949; 
                      background : white; 
                      border-top : 1px solid #868686; 
                      border-left : 1px solid #868686; 
                      border-bottom : 1px solid #d4d2cf; 
                      border-right : 1px solid #d4d2cf; 
                      } 
                      .formbutton {
                      font-size : 11px; 
                      margin : 1px 0 0; 
                      color : #494949; 
                      background : white; 
                      border-top : 1px solid #d4d2cf; 
                      border-left : 1px solid #d4d2cf; 
                      border-bottom : 1px solid #868686; 
                      border-right : 1px solid #868686; 
                      } 
                      .searchform .formfield {
                      width : 130px; 
                      font-family : Arial, Tahoma, Trebuchet MS, Verdana, sans-serif; 
                      margin : 0 2px 2px 0; 
                      padding : 2px 0; 
                      } 
                      .searchform .formbutton {
                      width : 60px; 
                      font-family : Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; 
                      padding : 2px; 
                      } 
                      .loginform .formfield {
                      width : 130px; 
                      font-family : Arial, Tahoma, Trebuchet MS, Verdana, sans-serif; 
                      margin : 0 2px 2px 0; 
                      padding : 2px 0; 
                      } 
                      .loginform .formbutton {
                      width : 60px; 
                      font-family : Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; 
                      padding : 2px; 
                      } 
                      .mainform .formfield {
                      width : 280px; 
                      font-family : Arial, Tahoma, Trebuchet MS, Verdana, sans-serif; 
                      margin : 0 2px 2px 0; 
                      padding : 2px 0; 
                      } 
                      .mailform .formbutton {
                      width : 100px; 
                      font-family : Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; 
                      padding : 2px; 
                      } 
                      .commentform textarea {
                      width : 280px; 
                      padding : 0 2px; 
                      overflow : hidden; 
                      font-family : Arial, Trebuchet MS, Verdana, sans-serif; 
                      } 
                      #nucleus_cf_name, #nucleus_cf_mail {
                      width : 200px; 
                      font-family : Arial, Trebuchet MS, Verdana, sans-serif; 
                      } 
                      .commentform .formbutton {
                      width : 100px; 
                      height : 22px; 
                      font-family : Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; 
                      } 
                      .wrap1, .wrap2, .wrap3 {
                      display : block; 
                      } 
                      .wrap1 {
                      float : left; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_shadow.gif) no-repeat right bottom; 
                      margin : 0 5px 3px 0; 
                      } 
                      .wrap2 {
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_corner_br.gif) no-repeat left bottom; 
                      } 
                      .wrap3 {
                      padding : 0 5px 5px 0; 
                      background : url(http://www.modenio.de/blog/skins/stanch_de/images/01_corner_tr.gif) no-repeat right top; 
                      } 
                      .wrap3 img {
                      display : block; 
                      border : 3px solid white; 
                      } 
                      .highlight {
                      background : #deffa9; 
                      } 
                      ul {
                      list-style : none; 
                      margin : 0; 
                      padding : 0; 
                      } 
                      li {
                      margin : 0 20px; 
                      padding : 0 0 0 10px; 
                      } 
                      div.rightbox img {
                      float : right; 
                      padding : 20px; 
                      } 
                      div.nicetitle {
                      position : absolute; 
                      padding : 4px; 
                      top : 0; 
                      left : 0; 
                      color : white; 
                      font-size : 12px; 
                      font-family : Verdana, Helvetica, Arial, sans-serif; 
                      width : 25em; 
                      font-weight : bold; 
                      background : #333333; 
                      } 
                      div.nicetitle p {
                      margin : 0; 
                      padding : 0 3px; 
                      } 
                      div.nicetitle p.destination {
                      font-size : 9px; 
                      font-weight : normal; 
                      text-align : left; 
                      padding-top : 3px; 
                      }
                      Sport Dates

                      Kommentar


                      • #12
                        Hallo,

                        ich habe nun alles eingebaut :-) Nun müsste es doch in sämtlichen Brwosern feherlerfrei angezeigt werden oder?

                        jedich funtkionieren die Links in der navigation seitdem nicht mehr. Kann das sein?

                        Danke für alles :-)

                        Gruß,
                        Andreas

                        Kommentar


                        • #13
                          startseite:

                          ff ok
                          ie ok
                          opera ok

                          jedich funtkionieren die Links in der navigation seitdem nicht mehr. Kann das sein?
                          yepp! alles im eimer

                          gruß
                          peter
                          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                          Meine Seite

                          Kommentar


                          • #14
                            laut firefox iss da nen umleitungsfehler, vieleicht in deiner .htaccess datei?
                            Sport Dates

                            Kommentar


                            • #15
                              Hi,

                              es lag an der .htaccess :-)


                              Sind nun alle Fehler draußen ? Kann ich nichts mehr ausbessern oder besser machen ???

                              Kommentar

                              Lädt...
                              X