[poffi]

Hallo zusammen

Ich schlage mich mit der Browserkopatibilität des aktuellen Layouts herum:

--> http://test.waldkiki.ch/

Firefox, Safari, Opera, IE 8
-------------------------------
Die Seite wird zwar korrekt dargestellt, sie erlaubt es jedoch noch einige cm herunterzuscrollen. Ich hätte es gerne ohne den Scrollbalken. (Hat teilweise funktioniert, als ich noch keinen Doctype angegeben habe)

IE < 8
--------
Das Transparente Div überlappt den Hauptbereich nicht, sondern verschiebt ihn nach unten. Die Links sind falsch positioniert.

Ich hoffe (und denke) das es sich um bekannte Probleme handelt. Hat jemand Tipps wie ich das verbessern könnte? DANKE!

[moros]

Hey poffi,

Das liegt an dem

#content {
height:100%;
padding:20px;
}

Du musst das "height" entfernen dann sollte der Scrollbalken verschwinden

Gruss

[poffi]

*******, dass ich das nicht selber entdeckt habe ! Vielen Dank moros für die schnelle & korrekte Antwort !

Somit bleibt noch folgendes:

IE < 8
--------
Das Transparente Div überlappt den Hauptbereich nicht, sondern verschiebt ihn nach unten. Die Links sind falsch positioniert.

[hubert17]

dein #main müsste zu breit sein

[plastiko]

Der Innhalt umfließt #logo nicht.
Du müßtest alles entfernen was für #main layout auslöst:

#main {
background-color:#0091AE;
background-image:url(./background.jpg);
background-position:center bottom;
background-repeat:no-repeat;
h+eight:100%;
margin-left:145px;
m+in-height:415px;
padding:0pt 20px;
w+idth:530px;
}

[poffi]

Plastiko....das war der Ansatz den ich suchte. Die fixen grössen Angaben verhinderten das überlappen (wobei min-height sowieso vom IE ignoriert wird). Lösung: Um das #main-Div ein weiteres Div legen und dieses dann mit den Grössenangaben "ausrüsten".

Jetzt ist es kompatibel --> test.waldkiki.ch

Danke für die super Antworten!

Gruss poffi