CSS Oldalszerkezet <table> nélkül!
Hello!
Már rengeteget próbálkoztam egy szerkezet kialakításával, amit nem sikerült megvalósítani táblázatok nélkül. <div>-ekkel csak úgy sikerült, hogy használom a display: table; paramétert, és ennek társait, ami viszont IE-ben teljesen szétesik. Nagyon hálás lennék, ha valaki össze tudna állítani egy alapszerkezetet, ami a következő lenne:
3 oszlop: A bal és jobb oldali fixen 140px széles, és szélességük semmi esetre se változzon. A középső oszlop legyen 512px széles, viszont ennek a szélessége a tartalomtól függően dinamikusan változzon, viszont ha a középső tartalomnak nincs szüksége szélesebb területre, akkor ne legyen szélesebb 512px-nél az oszlop. A oszlopok magassága egymástól függjön, tehát ha a középső a legmagasabb, akkor a két szélső is ugyanolyan magas legyen, és fordítva az összes oszlop függjön egymástól. Végül pedig legyen legfelül egy olyan elem, mely áthidalja mind a három oszlopot, és szélessége ennek is dinamikusan változzon a középső oszlop szélességét figyelembe véve.
Segítségeteket előre is nagyon köszönöm!
■ Már rengeteget próbálkoztam egy szerkezet kialakításával, amit nem sikerült megvalósítani táblázatok nélkül. <div>-ekkel csak úgy sikerült, hogy használom a display: table; paramétert, és ennek társait, ami viszont IE-ben teljesen szétesik. Nagyon hálás lennék, ha valaki össze tudna állítani egy alapszerkezetet, ami a következő lenne:
3 oszlop: A bal és jobb oldali fixen 140px széles, és szélességük semmi esetre se változzon. A középső oszlop legyen 512px széles, viszont ennek a szélessége a tartalomtól függően dinamikusan változzon, viszont ha a középső tartalomnak nincs szüksége szélesebb területre, akkor ne legyen szélesebb 512px-nél az oszlop. A oszlopok magassága egymástól függjön, tehát ha a középső a legmagasabb, akkor a két szélső is ugyanolyan magas legyen, és fordítva az összes oszlop függjön egymástól. Végül pedig legyen legfelül egy olyan elem, mely áthidalja mind a három oszlopot, és szélessége ennek is dinamikusan változzon a középső oszlop szélességét figyelembe véve.
Segítségeteket előre is nagyon köszönöm!
Van ilyen cikkünk
-boogie-
<Nincs cím>
Mikor nincs szüksége?
Internet Explorer-ben egyébként valószínűleg anélkül, hogy ne használnál valami trükköt vagy javascriptet nem fogod tudni elérni azt amit a táblázat alaplehetőségként felkínál neked az oszlopok magasságát illetően. Biztosat nem tudok neked mondani, mert én más szemléletet követek az oldal kialakításakor. Esetleg bevethetnél optikai trükköket.
Üdv!
<Nincs cím>