-
IE float probléma
Van egy kis problémám a jobbra igazítással IE 6/7 alatt.
A lényeg az lenne hogy a headerben bal oldalra menne az oldalam logója, jobbra pedig egy banner hely. Minden böngészővel stimmel, kivéve az IE-t...
Igaz, jobbra igazodik a banner, de 1 sorral lejjebb megy.
Kezdő vagyok még. Ha valami volt azért megoldottam, de most elakadtam teljesen.
Végigszántottam a netet a válaszért, de csak az enyémhez hasonló kérdéseket találtam.
Az alábbiakkal tudok szolgálni:
Kód:
.logo {
background: #026CB1;
min-height: 100px;
margin: -20px -20px 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.logo img {
margin: 20px 0 0 20px;
}
.banner {
float: right;
margin: 0 20px;
}
Kód:
<div id="container">
<div id="header">
<div class="logo">
<a href="valami.com/index.php"><img src="{$theme['logo']}" title="valami.com" /></a>
<div class="banner"><a href="http://valami.com" target="_blank" rel="nofollow"><img src="{$theme['imgdir']}/banner.gif" /></a></div>
</div>
Nem tudom hogy ez elegendő info-e.
Remélem valaki segít! :) Köszönöm!
-
re: IE float probléma
Konkrétan nem próbáltam ki, de 1-2 bizonytalan pont:
* korai IE esetén nincs min-height :)
* érdemes lenne a .logo-t is floatolni, balra.
* adj meg szélesség-magasságot a floatolt div-eknek (vedd figyelembe az ie box-model bug-ot is, figyelj a margin-padding-ra!)
Nem tudom, használsz-e css reset-et, érdemes lenne. Az ie-specifikus css-hez érdemes külön fájlt létrehozni, és kondicionális kommenttel behívni azt. Ha ez nem tetszik annyira, akkor használhatsz css hack-eket is, ie6 esetén a legegyszerűbb az "alulvonás" szerintem. ("_height: 100px;")
-
re: IE float probléma
A .logo img-hez kellett a float left. IE 7 kipipálva. Isten vagy!
6 alatt még rosszabb lett, de a többi javaslatodat még most próbálom.
Szerk: A min-height sima height lett és így már IE 6 alatt is zsír.
Még 1x köszi!
-
re: IE float probléma
Nincs mit, szívesen :)
______________________