IE zerschiesst Layout - Teil von Div verschwindet

Status
Nicht offen für weitere Antworten.
U

Uller

Grünschnabel
Hallo Allerseits,

jetzt tüftle ich schon ewig an einem CSS-Problem und komm aber einfach nicht drauf...

Ich habe eine Site, (zu sehen unter http://www.ch-designs.de/bioltec/hmenupunkt1/ ), welche mir den letzten Nerv raubt.

Und zwar habe ich links ein Div für das Untermenü (4) und rechts eines für den Content (5), so weit so gut. Links im Menü-Div sind nun einzelne Links mit MouseOver (per CSS).

Innerhalb des Content-Divs soll später noch ein News-Div (6) integriert werden, was aber denke ich bei diesem Problem jetzt nichts zur Sache tut.

Sieht im Firefox auch wunderbar aus, im IE zuerst auch, aber wenn im IE der Inhalt des Content-Divs kleiner ist als der des Menü-Divs, verschwindet der überstehende Teil des Menüs.....

Wie gesagt im Firefox funktionierts wunderbar....
Vielleicht kennt jemand die Ursache des Problems.

Vielen Dank für Eure Hilfe,

Chris
 

Anhänge

  • cssproblem.gif
    cssproblem.gif
    3,2 KB · Aufrufe: 45
Ich kann dir zwar keine Lösung bieten, aber dennoch zwei Tipps geben:

  • Entferne diese doppelten Angaben aus deinem Dokument :
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" content="Christian Huber i.A. v. Vitool GmbH" />
<meta name="description" content="Bioltec" />
<meta name="keywords" content="Bioltec" />


</body>
</html>
  • Wenn ich das DIV #title3 testweise entferne, ist der BUG im IE behoben.
 
Hi,

ausserdem befindet sich am Ende noch ein schliessendes DIV-Tag, das zuviel ist.

Wenn du ab #titel3 bis einschliesslich den Content in ein umschliessendes DIV packst,
sollte das Problem nicht mehr auftreten.
HTML: 
<div id="contentDiv">
  <div id="title3">
    <img src="http://www.ch-designs.de/bioltec/images/menu_top.gif" style="float:left; clear: right; width:106px; height:32px; border:0px;" alt="Menu-Spacer" />
  </div>

  <div id="left">
    <div class="menucontainer">
      <a class="submenu" href="umenupunkt1">Umenupunkt1</a>
      <a class="submenu" href="umenupunkt2">Umenupunkt2</a>
      <a class="submenu" href="umenupunkt3">Umenupunkt3</a>
      <a class="submenu" href="umenupunkt4">Umenupunkt4</a>
      <a class="submenu" href="umenupunkt5">Umenupunkt5</a>
    </div>
  </div>

  <div id="content">
    Text für die Startseite, über das CMS veränderbar
  </div>
</div>
Das CSS zu #contentDiv enthält lediglich eine Breitendefinition:
Code: 
#contentDiv{ width: 760px;}
Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück