CSS-Problem

[Tidus9]

Ich habe ein Problem mit CSS. Ich habe eine Beispieldatei dazu hochgeladen, bei der das Problem erkennbar ist.

Die Content-Box übersteigt vom Text her die Länge der dunkelbraunen Box. Normalerweise sollte sich diese dann auch verlängern, tut sie aber nicht. Im Firefox geht es, soweit ich weiß auch bei IE-Versionen unter 7. Der Fehler tritt also nur beim IE 7 auf.

Beispiel-Seite

CSS-Datei

Screenshot

Ich hoffe, dass jemand den Fehler findet. Ist bestimmt ganz einfach, wenn man sich damit besser auskennt als ich.

 

[kbot]

kannst du bitte einen Screenshot von der nicht funktionierenden Seite machen?
da ich den IE7 nicht habe, kann ich es schlecht anschauen...

 

[Tidus9]

Hier ist der Screen:

Screenshot

 

[kbot]

danke schön

nur so eine Vermutung:
schonmal versucht die #core_container ohne position:relative bzw. mit postion:absolut machen?

 

[Tidus9]

Habe es gerade getestet, aber es hat das Problem leider nicht gelöst.

 

[kbot]

das <p> hat keinen Endtag

 

[Tidus9]

Das hat damit nix zu tun. Habe es gerade mal getestet und es hat keinen Einfluss.

 

[Graccem]

ich vermute, es liegt an deinem conditional comment für den IE. Dort gibst du dem core_right eine feste Höhe. Dieses darfst du aber nicht für den IE7 machen. Der kann AFAIK schon mit dem min-height umgehen. Also den CSS-Part für alle IE kleiner 7 einbinden.

<!--[if lt IE 7]>
     <style type="text/css">

     #navcontainer li
     {
     margin-bottom:-1px;
     }
     
     #core_right
     {
      height:300px;
     }

     </style>
     <![endif]-->

HTH

 

[Tidus9]

Vielen Dank für deine Hilfe. Du hast das Problem erkannt, jetzt geht alles.