Guten Tag

Ich habe mit CSS ein Layout erstellt, die ganze Geschichte funktioniert in den Browser: Firefox 1.5 / Opera 7.51 / Safari / Camino / Shiira !

Der Internet Explorer 6.0 zeigt mir jedoch den Aufbau leider total falsch an:/

So sollte es aussiehen:


Internet Explorer 6


CSS+html: http://www.seishinbyouin.com/forum/w...irtschaft.html

Gibt es einen CSS Hack dafür oder muss ich das ganz anders lösen?
Merci!

Du hast mehrfach das Vergnügen mit dem doubled float-margin bug.

Die divs um jedes Bild sind überflüssig. Fass die Bilder mit einem div zusammen (z.B. <div class="bilder") und weise den Bildern ihre Formatierung über
.bilder img { ..}
zu - das genügt dann 1mal.

BTW: sollen die alt-Texte der Bilder so bleiben?

Werde mir die Site anschauen, merci!
Die Bilder sind alle in einem seperaten Div, weil es nicht immer 4 Bilder sind, sondern auch 2 kleine und 1 grosses Bild!

Das macht nichts.
Du brauchst die divs nicht!

Funktioniert auch mit dem IE?
Will ja nur das es funktioniert

Ja sicher.

Ich habe bei meinen Boxen folgenden Code hinzugefügt:
display: inline;

Nun werden die Box fast korrekt dargestellt, der Abstand gegen oben ist noch nicht richtig!

Kann ich nicht nachvollziehen. In welchem Browser?
Stell deine aktuelle Version online!

Aktuelle Version: http://seishinbyouin.com/forum/websi...irtschaft.html
IE 6.0 = falsche Darstellung!
Firefox = OK!

Du hast jetzt in dem oberen Element Text stehen.
Die angegebene Höhe von 12px reicht nicht für den Text - der IE erweitert dann die Box.
Das festzementieren von Text in Pixelgrößen solltest du bleiben lassen - der Benutzer kann immer den Text vergrößern (drück mal im FF Strg+).
Dein Layout muss damit umgehen können.
Leg den oberen Bereich mit einer separaten längeren Grafik an, die mit der Textgröße "mitwachsen" kann.

Was willst du mit dem "target"?
Ein Menü gehört in eine Liste (Auflistung von Links)!
Und nimm bitte die überflüssigen divs raus. Informiere dich über DIV-Suppen!