2011-07-25T13:13:01+02:00
2011-07-26T08:08:32+02:00
2022-06-29T09:40:31+02:00
- szabofeválasza bali182 (17:03) részére
- 2011.07.26. 08:08
- permalink
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)
Mutasd a teljes hozzászólást!- 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.Mutasd a teljes hozzászólást!Csatolt állomány- lap.zip8,97 KB
- lap.zip
- szabofeválasza bali182 (13:37) részére
- 2011.07.25. 15:05
- permalink
De "támogatja" csak kell a "pie.htc", a neten megtalálható.
Nézd meg például ITT!
Mutasd a teljes hozzászólást!- rolaca11válasza bali182 (13:37) részére
- 2011.07.25. 13:39
- permalink
IE 9 már támogatja az ilyesmit, az alatt meg...
próbáltad márfilter:-rel?Mutasd a teljes hozzászólást!- bali182válasza rolaca11 (13:21) részére
- 2011.07.25. 13:37
- permalink
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.Mutasd a teljes hozzászólást!- rolaca11válasza bali182 (13:13) részére
- 2011.07.25. 13:21
- permalink
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:box-shadow:0px 0px 15px #888;.
É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)Mutasd a teljes hozzászólást!Csatolt állomány- design.png27,41 KB
- 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!Mutasd a teljes hozzászólást!