position:absolute ie6-ban nem látszik
Sziasztok!
Épp egy 2 soros menüt készítek és ie6-ban a 2.sor nem látszik, ff-ban és ie7-ben tökéletes!
Sehol sem találom hogy ez melyik ie6 hiba.
Tudnátok esetleg megoldást rá?
■ Épp egy 2 soros menüt készítek és ie6-ban a 2.sor nem látszik, ff-ban és ie7-ben tökéletes!
Sehol sem találom hogy ez melyik ie6 hiba.
Tudnátok esetleg megoldást rá?
/* Begin Menus */
#topnav {
position:absolute;
width:980px;
top:113px;
line-height:normal;
font-weight: bold;
margin:0 auto;
height:33px;
background:url(../images/menu.gif) no-repeat;
}
#topnav ul {
margin:0;
padding:0;
list-style:none;
}
#topnav li {
display:inline;
padding:0;
}
#topnav a {
float:left;
margin:0;
padding:6px 50px 7px 48px;
text-decoration:none;
color:#FFF;
background:url(../images/menu_elvalaszto.gif) no-repeat right top;
}
#topnav li.last a {
float:right;
background:none;
}
#topnav li.first a:hover, #topnav li.first a.active_menu {
background:url(../images/menu.gif) no-repeat left -33px;
}
#topnav li.last a:hover, #topnav li.last a.active_menu {
background:url(../images/menu.gif) no-repeat right -33px;
}
#topnav a:hover, #topnav a.active_menu {
text-decoration:none;
background:url(../images/menu.gif) no-repeat center -33px;
}
#topnav ul li ul {
position:absolute;
top:28px;
}
#topnav ul li ul li a {
color:#738e00;
background:none;
padding:6px 10px 7px 8px;
}
#topnav li.first ul li a:hover, #topnav li.first ul li a.active_menu {
background:none;
}
#topnav li.last ul li a:hover, #topnav li.last ul li a.active_menu {
background:none;
}
#topnav ul li ul li a:hover, #topnav ul li ul li a.active_menu {
color:#FCA228;
background:none;
}
.sub1 {
left:50px;
}
.sub2 {
left:218px;
}
.sub3 {
left:226px;
}
/* End Menus */
<div id="topnav">
<ul>
<li class="first"><a href="/">Casa Panna Cotta</a>
<ul class="sub1">
<li><a href="/">Műszaki leírás</a></li>
</ul>
</li>
<li><a href="/">Környék</a>
<ul class="sub2">
<li><a href="/">Megközelíthetőség</a></li>
</ul>
</li>
<li><a href="/">Lakások</a>
<ul class="sub3">
<li><a href="/">Listás lakáskereső</a></li>
<li><a href="/">Virtuális lakáskereső</a></li>
<li><a href="/">Finanszírozás</a></li>
</ul>
</li>
<li><a href="/">Galéria</a></li>
<li><a href="/">Beruházó</a></li>
<li class="last"><a href="/">Kapcsolat</a></li>
</ul>
</div>
position:relative
en sem tudom a pontos problemat, a tobbiek ezt biztosan vagni fogjak, de ahogy en emlekszem a position:absolute -t csak position:relative elemben lehet hasznalni. Talan vhol itt kellene elindulni.
Udv
Sanyi
ez így nem igaz
igazad van,de
Mivel nincs Explorerem 'hala istennek' es nem is vagyok designer ezert nem fogom tovabb feszegetni a hurt ezugyben. Vannak itt profik, kevesbbe profik. En csak segiteni szerettem volna egy irannyal (amit szinten itt kaptam anno valaszkent), vagy tobb reszeletet megtudni (ezt megkaptam), hatha.
Udv
Sanyi
mi köze a body-hoz?
...
Ez nem azon múlik hogy designer vagy-e vagy sem. Én sem vagyok az, de ha webre fejlesztesz sajnos nem mehetsz el az IE és az általa okozott problémák mellett. Ha egyedül dobsz össze valamit, akkor a felmerülő problémákra neked kell megoldást találni. Sok ilyen IE bug van amire a programozónak illik ismernie a megoldást, pl. IE6 Select z-index bug, mert bár esztétikai hiba, css-el nem tudod megoldani.
van position:relative
ok
Udv
Sanyi
link?
Pár dolgot tisztázzunk
Írd le pontosan hogy szeretnéd, esetleg megcsinálom én neked a vázát a dolognak és te majd kiszinezgeted.
Nem szeretnék js-es menüt
Belinkelem az oldalt hátha úgy egyértelműbb a hiba.
Link
Float
Próbáld meg kivenni az <a>-ról a floatot, szerintem megoldja.
Float
Köszönöm