Layout im Firefox verschoben
Nicole
- css
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;
}
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
:)
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
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