Nicole: Layout im Firefox verschoben

Hi Leute,
habe ein merkwürdiges Problem. Bei meinem Firefox zu Hause sehe ich meine Tagebuchseite ganz normal. Hier bei meinem Freund ist alles verschoben und man sieht den Inhalt gar nicht. Ich hänge mal mein css an. Evtl. findet ja jemand den Knackpunkt?

Hier der Link zur Seite:
http://www.lunaticsol.de/tagebuch.htm

Danke schonmal!
Ps. der IE zeigt es auch ganz normal an...

  
/* CSS Document */  
  
   body {  
  
 margin-top: 0;  
 margin-left: 0;  
 text-align: left ;  
 background: #d3d9d5 url(hg/roterstreifen.jpg) repeat-y;  
 font-size: 100.01%;  
    font-family: Verdana,Arial,sans-serif;  
}  
  
  
  
  /* Inhalt */  
  
  div#content {  
    position:absolute; top:50px; left:305px;  
 text-align: left;  
 font-size: 100%;  
 width: 450px;  
 padding-bottom: 50px;  
  }  
  
    div#content p {  
 line-height: 17px;  
 font-size: 80%;  
 color: #100206;  
 text-align: left;  
 margin-top: 10px;  
  }  
      div#content table {  
 line-height: 17px;  
 font-size: 80%;  
 color: #100206;  
 text-align: left;  
  }  
  
div#content a{  
 text-decoration: none;  
 }  
  
div#content a:link, div#content a:visited{  
    color: #932445;  
 }  
  
div#content a:hover, div#content a:active{  
    color: #2a0c15;  
 }  
  
   div#blog {  
 text-align: left;  
 font-size: 100%;  
 width: 450px;  
 padding-bottom: 50px;  
 background-color: #d4cac8;  
 border: 1px solid #e1d7d5;  
 padding: 20px;  
  }  
  
  
.rosarand {  
 border: 10px solid #e1d7d5;  
  }  
  
  div#hinweis {  
 position:absolute; bottom:10px;  
 text-align: left;  
 font-size: 70%;  
 width: 100%;  
 color: #827471;  
  }  
  
  span {  
 font-weight: bold;  
 font-size: 100%;  
  }  
  
  /* Menu */  
  
  div#streifen {  
  height: 800px;  
 width: 180px;  
 position:absolute;  
 top:0px;  
 left:820px;  
 text-align: left;  
  
  }  
  
  div#menu {  
  
 width: 180px;  
 text-align: left;  
 position:absolute;  
 bottom:30px;  
 left: 0px;  
  }  
  
  

  1. Hi,

    Hier der Link zur Seite:
    http://www.lunaticsol.de/tagebuch.htm

    hier ein Link zum Ergebnis der Validierung.

    Ps. der IE zeigt es auch ganz normal an...

    Das ist grundsätzlich erst mal bedenklich.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. :)
      Vielen Dank!
      So was blödes. Hab ich doch u.a. direkt mal wieder übersehen, dass man ids nur einmal vergeben darf. Kann gut sein, dass auch das zur Verschiebung beigetragen hat.
      Denke das es jetzt wieder funzt.
      Blöderweise spinnt jetzt grad mein Webspace und ich kann nicht hochladen ... na toll.
      Trotdem danke nochmal :).
      Nicole

  2. Man sollte in HTML-Kommentaren nicht -- verwenden, sonst wird dieser Text als Nicht-Kommentar gewertet und je nach Anzahl der -- wird der Kommentar nicht wieder geschlossen - deswegen ist im Firefox nichts zu sehen, weil Firefox denkt, dass die halbe Seite auskommentiert ist (schau dir mal den Quelltext im Firefox an. An dem Syntax-Highlighting erkennt man, wie Firefox den HTML-Code geparst hat). Die Striche aus folgendem Kommentar solltest du daher entfernen:

    <!-- BLOG---BLOG---BLOG---BLOG---BLOG---BLOG---BLOG---BLOG---BLOG--- -->

    Andere Zeichen kannst du darin verwenden, aber auf mehrere - hintereinander solltest du verzichten.

    Mathias