Alekozai: Hintergrundbild ganze Breite (rand 0), IE Fehler

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

  1. 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

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!