lasso: problem mit einem div im IE

SELF-Forum

problem mit einem div im IE

lasso
– Informationen zu den Bewertungsregeln

hallo

ich habe ein design mit mehreren div, die sich auch überlappen. im NS6.1, Moz1.0 und Opera6 läuft das so wunderbar, im IE6 allerdings gibts einen Haken... die beiden divs "navi" und "navil" werden nicht angezeigt.

sobald ich das div id="left" lösche, erscheinen alle Menus i.O. Erkennt jemand den Fehler? Basisseite siehe auch: http://www.cmgk.ch/wineskaters

#content {
width:732px;
height:auto;
margin-right:auto;
margin-left:auto;
padding:0px;
text-align:left;
}

#header {
background: #900100;
width:732px;
height:112px;
overflow:hidden;
}

#navi {
position:absolute;
top:0px;
padding-left:139px;
padding-top:98px;
}

#left {
background: #900100;
width:120px;
padding:0px;
float:left;
}

#navil {
position:absolute;
top:0px;
padding-left:20px;
padding-top:150px;
}

#right {
table-layout:fixed;
width:572px;
float:right;
padding:20px;
background:#ffffff; }

Source:

Code:

<div id="content">
<div id="header">
<img src="bild/navi1.gif" border="0" alt="" usemap="#link">
</div>
<div id="navi">
<a href="../index.php" target="_self">News</a>
<img src="bild/navispace.gif" border="0" alt="">
<a href="teama.php" target="_self">Team A</a>
<img src="bild/navispace.gif" border="0" alt="">
<a href="teamb.php" target="_self">Team B</a>
<img src="bild/navispace.gif" border="0" alt="">
<a href="spons.php" target="_self">Sponsoren</a>
<img src="bild/navispace.gif" border="0" alt="">
<a href="club02.html" target="_self">Klubinfo</a>
<img src="bild/navispace.gif" border="0" alt="">
<a href="gallery.php" target="_self">Bilder</a>
<img src="bild/navispace.gif" border="0" alt="">
<a href="links.php" target="_self">Links</a>
<img src="bild/navispace.gif" border="0" alt="">
<a href="guestbook.php" target="_self">Gästebuch</a>
<img src="bild/navispace.gif" border="0" alt="">
<a href="contact.html" target="_self">Kontakt</a>
</div>
<div id="left">
<img src="bild/navi2.gif" border="0" alt="">
</div>
<div id="navil">
<a href="xintern" target="_self">Intern</a><br><br>
<a href="xadmin" target="_blank">Admin</a>
</div>
<div id="right">
<? .... ?>
</div>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. problem mit einem div im IE

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    ich habe ein design mit mehreren div, die sich auch überlappen. im NS6.1, Moz1.0 und Opera6 läuft das so wunderbar, im IE6 allerdings gibts einen Haken... die beiden divs "navi" und "navil" werden nicht angezeigt.

    zumindest den Inhalt von #navil konnte ich beinm Laden kurz im Inhaltsbereich auftauchen sehen - die Positionierung ist also im IE zu weit rechts. warum hast Du hier

    #navil {
    position:absolute;
    top:0px;
    padding-left:20px;
    padding-top:150px;
    }

    keine Angabe zu left gemacht?

    freundliche Grüße
    Ingo

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. problem mit einem div im IE

      lasso
      – Informationen zu den Bewertungsregeln

      hallo ingo

      #navil {
      position:absolute;
      top:0px;
      padding-left:20px;
      padding-top:150px;
      }
      keine Angabe zu left gemacht?

      das div ist ja in einem container, "content", und da macht eine Angabe für left einfach keinen unterschied... zumindest im IE6! habe es soeben nochmals probiert.
      es ist einfach erstaunlich, dass das löschen der div "left" im quellcode plötzlich beide Menudivs am richtigen Platz erscheinen lässt. und es ist ja nur der IE6.

      gruss
      lasso

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln