Tutorial HTML, CSS u. PHP - Forum

[lauras]

In deinem HTML-Code sind immer noch elf Fehler, in deinem Navi-CSS ist auch noch ein Fehler (mit der Angabe xp statt px geht nunmal nix..).
Ich dachte, du hättest die entfernt? Mit Fehlern im Code lässt sichs schlecht arbeiten ;)

Grüße

[yobas]

beim Navi- Code sind aber nur Drei fehlermeldungen. Weiss nicht wo du diese elf meldungen gesichtet hast.
bei den xp und px fehler hab ich nur einen gesehn, der aber keine grosse auswirkungen hatte oder gar keine beim layout.

nun hab ich wieder so ein problem, ich bin eifrig dran es zubeheben doch klappen tut's nicht, ich spreche vom Navi Layout erweiterung.
und vom Zoomen beim Browser.

beispiel Browser heran zoomen:


und das mit dem Fuss Layout ist immer noch. Obwohl ich mit Height und anderen befehlen gearbeitet habe.
Sitze bereits seit 6.30 uhr hinter den befehlen. Das buch nochmals Sorgfältig durch gelesen, ob ich irgendwas nicht verstanden hab.
Leider hab ich auch nach dem 2 x durchlesen den fehler nicht entdeckt sowohl auf der html-seminar.de hab ich durch geschaut. Aber leider hab ich noch nichts gesehn was mir helfen kann.

Code: Alles auswählen

* {
   margin: 0;
   padding: 0;
   }

body {
   font: 100% sans-serif;
   color: #000;
   background-color: #fff;


   }

#kopf {
   font: 1.8em serif;
   text-align: center;
   background-color: #dad6b1;
   border-bottom: #6f7400 2px solid;
   padding: 40px;

   }


#container {
      margin: 0 auto;
      width: 960px;
      background-repeat:repeat-y;
      background: url(dateien/layoutvaria.gif) repeat-y;


}

#navigation {
      width: 250px;
      float: left;

      }

#inhalt {

      margin-left: 300px;
      margin-right: 100px;
      position:absolute;
      top: 179px;
   position:fixed;

   }

#inhalt h2{

      color: #565919;
   }

#fuss {

      background-color: #dad6b1;
      padding: 39px;
      color: #000;
      border-top: 2px solid #6f7400;
      clear:left;
          margin-top: 7em;
      position: absolute;

      
   }


p {

   margin-bottom: 20px;
   }



Code: Alles auswählen

#Navigation {
   background-color: #ebea2e;
   width: 250px;
   font-size: 0.8em;
   border-top: 30px solid #dad6b1;
   }

#Navigation ul {

      list-style-type: none

      }

#Navigation a, #Navigation strong {

      text-decoration: none;
      letter-spacing: 1px;
      display: block;
      padding: 5px 15px;
      border-bottom: 1px solid white;
      color: #565919;
      }
      


#Navigation a:hover, #navigation a:focus, #navigation a:active {

         background-color:#dad6b1;
         font-weight: normal;

                  }

1#Bild: So siehts momentan aus.
2#Bild: So sieht das End Produkt aus ( Wurde mit Paint überarbeitet )

[lauras]

Du hast 11 (ja, elf!) Fehler in deinem HTML Code, wie ich dir geschrieben habe. Und wenn du statt px xp schreibst hat das sicherlich Auswirklungen auf das Layout, den schließlich fällt dann dein height-Wert weg - und genau den brauchst du, um deine Navigation lang zu ziehen. Und wenn du den auf 250px setzt, musst du dich auch nicht wundern, warum die Navigation nach 250px endet..

Da du dich standhaft weigerst mir zu sagen, ob du den footer am Ende der Seite oder am Ende des Browserfensters haben willst, kriegst du jetzt eine Lösung für beides:
Footer Stick Alt.

Und dann beheb jetzt bitte endlich mal deine Fehler im HTML-Code, sonst gehts nicht weiter.