Sziasztok!
Szeretnék egy DIV-et úgy elhelyezni egy weboldalon, hogy felül 400px, alul 80px, baloldalon 10px "margó" (nevezzük bárminek) maradjon, a szélessége pedig 240px. Ezt a következő megoldással alkottam meg:
DIV {
position: absolute;
top: 400px;
left: 10px;
bottom: 80px;
width: 240px;
overflow: auto; }
Ez szépen működik is az újabb böngészőkben (Opera 9.5x, FireFox 2+, IE7), de nem működik IE6 alatt, a bottom property-t nem veszi figyelembe. Rendben, mondom én, és megpróbálkoztam ezzel:
DIV {
position: absolute;
top: 0px;
left: 10px;
width: 240px;
height: 100%;
margin: 400px 0px 80px 10px;
overflow: auto; }
ami szintén működött mindenhol, de nem az IE6-osban, ráadásul most két okból nem: 1) a 100%-os height neki az "aktív" tartalom, azaz margók nélkül, tehát 400px top marginnál kezdődik csak a száz százalék, "lefelé" tehát kilóg 400px-nyit a DIV. 2) a margin-bottom értéket figyelmen kívül hagyja... padding-gal sem működik. körítésnek hozzáteszem, hogy a html és body elemek 100%-os width és height property-vel rendelkeznek (szép magyar mondat volt ).
Tud bárki bármilyen megoldást a problémára? Már azzal is simán kiegyeznék, ha nem lenne univerzális a kód, tehát külön lenne egy az IE6-ra, de egyszerűen semmivel nem tudom rávenni, hogy így használja ki a fennmaradó helyet a DIV. Köszönöm előre is a segítséget!
Hasonló témák:
Könyvjelzők