ugrás a tartalomhoz

CSS + 3 oszlop - kicsi extrával

Pal_ur · 2007. Szep. 19. (Sze), 18.23
Üdv,

napok óta küzdöm, de ne találom a megoldást, pedig biztosan itt van az orrom előtt.

Van egy (alapvetően drupal alapú) oldalam, amiben meg kell oldanom a következőt:
Kell fejléc, lábléc, és közte 3 oszlop. A bal szélső 120px széles, a jobb 165px, a középső 550px, mindez a képernyő közepére rendezve. Idáig megy. Az is megy, hogy mindez kitöltse a 100%-os magasságot, ha középen kicsi tartalom van.

Viszont, és itt akadok mindig el: ez idáig jó, ha a középső oszlopban kevesebb tartalom van, mint az oldal magassága. Onnantól nem megy, hogy ha több tartalom van, mint az oldal magassága, akkor is "húzza" le nekem a jobb és a bal oldali oszlopokat (és a láblécet) a középső oszlop aljáig. Ráadásul a bal oldali oszlopnak egyik féle színű a háttere, a jobb oldalinak másik féle színű, a középsőnek meg harmadik féle színű.

Kérem, akinek van elrejtve, adjon legalább egy jó kis linket...

Köszönöm a segítséget!

P.
 
1

adj neki hátteret

lorko · 2007. Szep. 19. (Sze), 19.18
én ezt úgy csinálnám, hogy a fejléc egy div (ez clear:both), a három oszlop egy divbe van legyen content a neve (ez is clear:both),ebben van a három oszlop egymás mellé rendezve, majd jön a lábléc(clear:both).
A content divnek adnék egy hátteret, ami lefelé ismétlődik, és olyan a háttérszíne mint a 3 oszlopnak.
Persze ez design függő.

itt egy pár link
link1
link2
2

próbálkozom

Pal_ur · 2007. Szep. 20. (Cs), 15.10
Köszönöm, kipróbálom.
3

zárójelben

demo · 2007. Szep. 20. (Cs), 16.33
fejléc divnek nem szükségszerűen kell adni clear: both; tulajdonságot.
4

nem siker :(

Pal_ur · 2007. Szep. 21. (P), 11.43
Szóval nem akarja széthúzni függőlegesen a belső tartalmat 100%-ra akkor, ha rövid a középső oszlop szövege.

Feltettem egy képet (http://www.rudan.hu/teszt/hiba.gif), a feladat az lenne, hogy ilyenkor, amikor egészen rövid középső mező van, a lila lábléc akkor is lemenjen a képernyő aljára... Minden div-nek a fejléc és a lábléc között adtam min-height: 100%-ot, és mégsem.

Ötlet? Én már kifgytam mindenből :(
5

eddig nem ezt mondtad

Táskai Zsolt · 2007. Szep. 21. (P), 11.50
...vagy mi nem értettük. erre a problémára a varázsszó a footerstickalt: http://www.themaninblue.com/experiment/footerStickAlt/

további jó munkát,
T
6

akkor megint félreérthetően mondtam...

Pal_ur · 2007. Szep. 21. (P), 12.33
Tehát nemcsak az a kérdés, hogy a footer lemenjen, hanem hogy a jobb és bal oldali színezett oszlop odáig le is húzódjon... Azért még küzdöm.
7

a két problémát külön oldd meg

Táskai Zsolt · 2007. Szep. 21. (P), 12.43
egyrészt csinálhatsz egy területet, ami legalább az oldal aljáig ér (footerstickalt), aztán ebbe belevarázsolod a 3-column-layoutodat (pl. http://www.yaml.de/en/home.html jó példákat tartalmaz). nem látom, hol zárja ki egymást a két technológia.
8

One True Layout

hector · 2007. Szep. 21. (P), 14.26
Olvasd át ezt: http://www.positioniseverything.net/articles/onetruelayout/
9

siker

Pal_ur · 2007. Szep. 26. (Sze), 09.24
Köszönöm mindenkinek a segítséget, úgy tűnik, sikerült megnyugtatóan rendezni a helyzetet :)