Bug im IE7

[Mo3b]

Hi,
das ist hier mein erster Post im Forum. Also erstmal Halloooo ;Jump

Nun zu meinem Problem:

Ich habe hier eine Seite die im Firefox richtig angezeit wird, aber Probleme im IE7 macht.

Schauts euch mal an : Dreispaltiges Layout mit Kopf- und Fußzeile

CSS-Datei: http://www.rezepte1.xwsnet.de/test/styles.css

Man sieht, das sich das mittlere div an die Länge des linken divs anpasst.
dabei wird die Hintergrundgrafik nur bis zum inneren div angezeigt.

Aber warum? Und wie kann ich diesen Fehler umgehen?

Mfg Mo3b

 

[neuroleptika]

haslayout

Für den IE6 hast du #inhalt eine Höhe gegeben um den 3 Pixel-Bug zu umgehen.
Den gleichen Hack kannst du für den IE7 verwenden:

  * +html div#Inhalt {
    min-height: 1em;  /* für IE7 */
  }

Nur hier darf es nicht height sein (Der IE würde die Box tatsächlich mit 1em Höhe anzeigen).

Das Problem ist damit zwar behoben aber mit dem umständlichen Code werden sicher Weitere folgen.
Für ein simplen Dreispalter ziemlich kompliziert gemacht.

 

[DerMitSkill]

Soll die Seite so schlimm aussehen oder ist das ein Fehler in FF3? ;ugl

 

[neuroleptika]

Soll die Seite so schlimm aussehen oder ist das ein Fehler in FF3? ;ugl

Nee, das sieht in anderen Browsern auch so aus.
Mit dem Title wird es sich um ein Test-Gerüst handeln.

Solche Fehler Korrigiert man ja nicht erst zum Schluss.

 

[Mo3b]

Jaa,
die Grafik ist noch net der Hit das weis ich ;)

Vielen dank für den Tip, jetzt funktioniert es.

Aber warum ist der Code kompliziert?

Ich kenn mich inzwischen in html und CSS eigentlich ganz gut aus. Die Vorlage für den Code ist von selhtml.org. Ich habe diese aber noch modifiziert.

So geht der Header "um die Ecke". Natürlich nehm ich nicht diese Grafik ;) Sie ist nur da um zu sehen ob die Bilder sauber aneinander gefügt werden.

In der Mitte benötige ich so viele divs für die ganzen Grafiken. So wie ich das gelöst habe, skaliert die Seite frei, obwohl ich mehrere Hintergrundbilder verwende.

Mfg Mo3b

Ach ja wenn ihr da noch nen Tip wisst, lasst es mich wissen :)

 

[neuroleptika]

...
Aber warum ist der Code kompliziert?
...

Die ganzen <div>s meinte ich gar nicht.

Ich finde den "reinzentrierten" Inhalt zwischen den gefloateten Elementen so seltsam.
Wenn du damit mit klar kommst ist es ja ok.