Sziasztok.
Gondolkoztam, hogy css-kérdés miatt nyissak-e új topicot, végül kipróbáltam inkább, milyen ez
Szeretném a meglévő honlapot (
http://bcdc.dccafe.org) átalakítani framek nélkül, de úgy, hogy lehetőleg a kinézete ne nagyon változzon. Ehhez megpróbáltam CSS-sel megoldani a problémát:
http://bcdc.dccafe.o.../Pages/xFaq.asp
Jelenleg így néz ki. Az egyetlen bajom vele, hogy egyik böngésző alatt sem akar rendesen működni.
1) Az Internet Explorer összeömleszti a szakaszokat egymás alá, így az egész formája felborul
2) Netscape (Firefox) alatt ugyan formailag (nagyjából) rendben van (leszámítva , hogy akkor is van vízszintes gördítősáv, ha amúgy nem lehet vízszintesen gördítani), viszont a középső szakasznál
nem működik az egér görgője
Akinek nem lenne mindkét-féle böngészője: így néz ki:
http://fleet.4242.hu/tmp/ieff.jpg
Jelenleg így néz ki a CSS erre vonatkozó része:
/* Some frame-like look */
div.top {
position : fixed;
width: 100%;
height: 68px;
top: 0;
right: 0;
bottom: auto;
left: 0;
background-color: #cc0000;
margin: 0px;
}
div.menu {
position: fixed;
height: auto;
top: 68px;
left: 0;
width: 150px;
margin: 0px;
overflow: auto;
}
div.menulower {
position: fixed;
width: 150px;
height: 25px;
top: auto;
left: 0;
bottom: 0;
margin: 0px;
}
div.content {
position : fixed;
top : 68px;
left: 150px;
right: 0;
bottom: 0;
overflow: auto;
margin: 0px;
}
Még próbáltam azt is, hogy a content class-t egyszerűen nem definiálom, és a belső szöveget a többi <div>-en kívül írom be. Ez Firefox alatt elérte azt a kívánt hatást, hogy az egér görgője működött végre, de amúgy ugyanúgy nézett ki, IE alól egy cseppett se változott.
Van valakinek ötlete?