Hintergrundbild ganze Breite (rand 0), IE Fehler
Alekozai
- css
Hallo,
Ziel ist es ein drei spaltiges Layout mit CSS zu erstellen. Der IE erzeugt zwischen der linken Spalte und der Rechten Spalte einen kleinen Rand [1].
Ich bin fast am verzweifeln. Seit längerm versuche ich den Fehler im Code zu finden. Jedoch bis jetzt ohne Erfolg.
Alle Browser (aktuelle Versionen von Mozilla, Firefox, Opera) zeigen es richtig an nur der IE 6.0 macht einen Fehler.
Der Quellcode der Seite ist deutlich länger ich habe es jedoch zur Veranschaulichung deutlich verkürzt. Der Code liegt unter [2].
[1] http://www.rzuser.uni-heidelberg.de/~malekoz2/tmpTrash/cssBug/bildBug.png
[2] http://www.rzuser.uni-heidelberg.de/~malekoz2/tmpTrash/cssBug/testBug.html
Hallo Alekozai
Der Quellcode der Seite ist deutlich länger ich habe es jedoch zur Veranschaulichung deutlich verkürzt.
Dieses kleine Stück enthält nur den Header.
Wie dies optimal umgesetzt werden sollte, hängt aber auch sehr stark davon
ab, was dann weiter folgt.
Nur diese kleine Stück könnte etwa so aussehen:
html, body {
margin:0;
padding:0;
background:url(trennlinieGruenGerade.png) repeat-x top;
}
h1 {
margin: 0;
padding-left: 210px;
height: 245px;
background:url(trennlinieGruenBogen.jpg) no-repeat left top;
}
h1 img {
float:right;
width: 190px;
height: 170px;
margin: 0;
padding: 0;
border: 0 none;
}
<body>
<h1>
<img src="logo.png" alt="Logo" />
Ueberschrift
</h1>
</body>
Wie es weiter oder ob es doch aufwendiger gebaut werden müsste, hängt vom
Rest der seite ab.
Welche Sinn hat bei deiner Seite XHTML 1.1?
Auf Wiederlesen
Detlef