| Autor | Zpráva | ||
|---|---|---|---|
| gardener Profil |
#1 · Zasláno: 11. 9. 2008, 09:59:23 · Upravil/a: gardener
Zdravím
Mám problém, který ani po konzultaci nemohu bez použití CSS hacku vyřešit, jde o to, že pod headerem je relativně pozicovaný menu bar, který je ve všech prohlížecích kromě IE odsazen směrem dolů (viz obrázek). Není tam žádný margin, padding ani nic a přesto se odsazuje. Netušíte někdo prosím co je uděláno špatně? [img][img=http://img71.imageshack.us/img71/2020/ffbd5.th.jpg][/img] Zde je CSS zápis pro header a menu box /*div v kterem je vsazen veskery obsah*/
#everything {
width:977px;
height:auto;
text-align:left;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
margin-top: 100px;
}
#header {
height:auto;
visibility:visible;
z-index: 1;
position: relative;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
}
.left{
padding-left: 50px;
padding-top: 50px;
}
.menu {
height:69px;
width:976px;
visibility:visible;
position: relative;
margin-top:0px;
/* &margin-top:0px; IE hack*/
background-image:url(images/title.png);
}HTML <div id="everything"> <div id="header"><img src="images/header.png" alt="header" width="977" height="283"/></div> <div class="menu"><h2 class="left"> pokusnz text</h2></div> </div> |
||
| Trejpa Profil |
#2 · Zasláno: 11. 9. 2008, 12:43:51
gardener
<img ... align=middle> nebo <img ... style="vertical-align: middle;"> http://diskuse.jakpsatweb.cz/index.php?action=vthread&topic=66436&foru m=4&page=-1#4 |
||
| gardener Profil |
#3 · Zasláno: 11. 9. 2008, 14:17:59
Tak to jsem vyzkoušel již předtím ale bohužel to nefunguje, myslím, že to spíš dělá text, jenž tam je relativně umístěn, jelikož když ho odstraním, problém zmizí.
Ale tomu asi nenmá moc cenu nastavovat vertical align, resp, nepomůže to vyřešit problém.. Napadá někoho ještě jiná možnost prosím? |
||
|
Časová prodleva: 16 let
|
|||
0