Táblázat nélkül
A minap próbálkoztam azzal a megoldással, mellyel táblázat nélkül szerettem volna rendezni a különböző elemeket.
Középen van a mindent tartalmazó main id attribútummal bíró div tag.
Ezt szerettem volna felosztani két oszlopra floattal.
#main #left valamint #main #right
A probléma a firfox böngészővel adódott. A floattal jelzett blokkok egyszerűen a "main" alá kerülnek és nem bele.
A html forrás a következő (butítva):
A css, ugyancsak butítva:
Csak a firefoxban nem akar működni. Hol, mit a hibáztam?
■ Középen van a mindent tartalmazó main id attribútummal bíró div tag.
Ezt szerettem volna felosztani két oszlopra floattal.
#main #left valamint #main #right
A probléma a firfox böngészővel adódott. A floattal jelzett blokkok egyszerűen a "main" alá kerülnek és nem bele.
A html forrás a következő (butítva):
<div id="main">
<div id="left">
<p>blah-blah</p>
</div>
<div id="right">
<p>blah-blah</p>
</div>
</div>
<div id="left">
<p>blah-blah</p>
</div>
<div id="right">
<p>blah-blah</p>
</div>
</div>
A css, ugyancsak butítva:
#main {
margin: 10px auto 10px auto;
width: 800px;
}
#main #right {
float: right;
width: 150px;
}
#main #left {
width: 650px;
float: left;
}
margin: 10px auto 10px auto;
width: 800px;
}
#main #right {
float: right;
width: 150px;
}
#main #left {
width: 650px;
float: left;
}
Csak a firefoxban nem akar működni. Hol, mit a hibáztam?
float az lebeg
Az ala kerul gondolom azt jelenti, hogy a main nem foglalja magaba a belso DIV-eket. Ez azert van mert a float az lebeg es nincs hatassal a merete az ot tartalmazo dobozra.
Kelle egy olyan elem ami a floatolt elemek utan van, meg benne a main DIV-ben es nincs floatolva. Ez az elem fogja kenyszeriteni a main divet, hogy lehuzodjon egeszen a 2 belso elem aljaig.
Itt van a problema elmagyarazva es egy megoldas leirva:
Containing Floats
Es itt egy olyan pelda ahol plussz elem nelkul oldja meg a problemat:
How To Clear Floats Without Structural Markup
#main #right { margin-left:
margin-left: 650px;
}
#main #left {
width: 650px;
float: left;
}
<-/kilvadi/->
ha left hosszabb kilog
Es befog jonni az IE 3px hiba mert csak egyik van floatolva.
Köszönöm a segítséget.