Ötletek egy design elkészítéséhez

Nem valószínű, hogy letöltöm a mellékletet az elkészítés végett, de néhány link a megoldáshoz -> "lábléc mindig a lap alján legyen":
http://www.code-sucks.com/css%20layouts/fixed-width-css-layouts/
Dynamic Drive CSS Layouts- Tableless, CSS based templates
Fixed Header & Footer Layout: A Beginner´s Guide
http://www.ejeliot.com/blog/61
XHTML, HTML és CSS oktatás -> (OldalfelĂŠpĂ­tĂŠs kialakĂ­tĂĄsa CSS-sel)

Hello!

Itt van egy alap váz. Ezzel számos probléma van, kérlek segítsetek a hibák kiküszöbölésében. Azt szeretném megoldani, hogy a lábléc mindig a lap alján legyen, de min-height-el ezt nem tudom minden böngésző számára megcsinálni. mellékeltem a html-t css-t képeket.

De "támogatja" csak kell a "pie.htc", a neten megtalálható.

Nézd meg például ITT!

IE 9 már támogatja az ilyesmit, az alatt meg...
próbáltad már -rel?

Szia, köszönöm, hogy ilyen gyorsan reagáltál! :)

Az a probléma azzal amit mondasz, hogy az explorer nem támogatja a box-shadow semmilyen formáját (ahogy a lekerekítést és a színátmeneteket sem) ezért képekkel kell megoldanom azt amit látni szeretnék.

Szerintem sokkal jobban járnál, ha a design a mellékelt kép szerint nézne ki (gondolok itt az árnyékre), mert akkor nem kell a képekkel vergődni, meg hogy minden felbontáson ugyanúgy nézzen ki, hanem CSS-sel megoldható, egész könnyen box-shadow-val.

Szerk.: egy fontos tipp, ha azt akarod, hogy minden felbontáson (közel) azonosan nézzen ki, akkor használj %-okat:
mondjuk a -Fejléc-, a -Tartalom-, a -Lábléc- egy 'nagy' div-be kerüljön, ami mondjuk 80% széles, és tőle a margó balra 10%-os, esetleg, ha olyan kedved van, akkor jobbra is egy 10%-os margót tehetsz és akkor már a -Fejléc-, a -Tartalom-, a -Lábléc- középre is van igazítva.
Az árnyékot meg úgy érheted el, hogy ennek a nagy div-nek egy box-shadow-ot adsz a CSS-ébe, szerintem valahogy így jól is nézne ki: .

És ha ezek (mármint a -Fejléc-, a -Tartalom-, a -Lábléc-) mind egy-egy külön div, akkor az elsőhöz meg az utolsóhoz adsz egy text-align:center-t és akkor középre vannak igazítva.

Szerk2.: ja és még egy: bocs az árnyék miatt, hogy nem egyenes a vonal, nem teljesen pontos a kezem egérrel (ceruzával egy fokkal jobb)

Sziasztok!

Azért nyitottam ezt a témát, mert szeretnék ötleteket kérni tőletek, a következő design megvalósítására Html + CSS segítségével. Photosop-ban összeraktam a leendő lapot, de még gondolatban sincs meg, hogy hogyan raknám össze kódban. Így nézne ki a dolog:

Kép
(a kép le van kicsinyítve hogy beférjen egy képernyőre. minden felesleges dolog ki van szedve belőle.)

Egy kis magyarázat hozzá: A lap tetejére szeretném igazítani a szürke sávot úgy, hogy a böngészőt teljes szélességében kitöltse. A lap közepére (mindig középre igazítva) szeretném tenni a két oldalt árnyékkal elválasztott blokkot. Ebbe menne felülre egy, a szürke sáv magasságával megegyező magasságú fejléc. Alatta lenne az oldal tartalma, ahogy a kép is mutatja. A lap aljára pedig a lábléc kerülne, és ugyanúgy ahogy a fejléc esetében, itt is középre szeretném tenni az árnyékkal elválasztott részt, és a lapot széltében végig kitölteni a szürke sávval.

Így terveztem a darabolást:

Kép

Én úgy képzeltem el a megvalósítást, hogy a felső szürke sávból az 1 px széles képet betenném a dokumentum hátterének, csak az x-en ismételve. Beraknék középre igazítva 4 div-et egymásba, ezeknek a sarkaiba menne a 4 darab árnyékolt elválasztó. A 4 div közül a legbelsőre beállítanék egy min-height-et 100 %-ra, hogy az alsó rész mindig a lap alján legyen. Ha ez megvan, mind a 4-et beletenném egy 100% széles és 100% min-magasságú div-be, aminek az aljára pozícionálnám háttérnek az alsó szürke sávot és csak az x-en ismételném.

A probléma az, hogy a min-height az internet explorerben ki van lőve, így felejtős ez a megoldás. Esetleg tudtok rá valami hack-et, tippet, trükköt, vagy alapból rossz nyomon indultam el?

Minden segítséget előre is hálásan köszönök!