website altijd volledige lengte

[Verwijderd]

Beste tweakers,

Ik moet jullie lastig vallen met de zoveelste vraag over het '100% height' onderwerp. Een tijd geleden heb ik een design gemaakt en deze heb ik gesliced. Dit ging allemaal prima en het werkte ook allemaal. Hieronder een linkie:

http://www.toyotasupra.nl/360/R34_normal/

Jammer genoeg had ik deze site nog niet in een grotere resolutie geprobeerd dan 1024x768. Wat blijkt, als mijn design wilt werken moet de site altijd tot aan de bodem doorlopen. De mensen met een grotere resolutie (hoger dan 1024x768) zullen dit ook merken.. auw.

Nu wilde ik eerst het design aanpassen door de afbeelding aan de onderkant gewoon af te maken om ervoor te zorgen dat het niet uit maakt hoe lang de pagina was maar ik weet zeker dat ik in de toekomst hier meer gezeur mee krijg bij andere sites dus wilde ik dit meteen met een goede oplossing oplossen en de site altijd tot de bodem door te laten lopen.

Na het nodige zoekwerk (bijv http://gathering.tweakers.net/forum/list_messages/1130025) heb ik aardig wat dingen geprobeerd maar zonder resultaat. Het probleem waar ik vaak tegenaan loop is dit (dit is dan de meest simpele vorm maar om even aan te geven wat er gebeurd met 100% height):
http://www.toyotasupra.nl/360/R34/

ARGH, Ik kom er in ieder geval niet meer uit en ik hoop dat jullie mij verder kunnen helpen. Alvast bedankt voor de moeite jongens!

[ Voor 3% gewijzigd door Verwijderd op 02-05-2008 11:36 ]

[Gomez12]

Vergeet de 100% hoogte, even ter info ik zie steeds minder mensen fullscreen browsen, dus de grootte van het venster staat niet meer vast.

Maar als je het echt wilt hebben, maak dan gewoon 1 achtergrondplaatje ( die dus ook onderop doorloopt ) wat gewoon op zichzelf staat( dus geen cutouts van het vierkant ), zet dit mbv css op de achtergrond en zet de rest ervoor.

Wat is bijv 100% height op een pda? of op een 24" tft? Je kan je design wel optimaal maken voor 1 schermgrootte, maar bij een andere schermgrootte moet je design nog steeds blijven staan. En je moet niet 24.000 layout gaan maken voor verschillende schermresoluties.

Maar ok, als je het echt zou willen dan kan je met JS wel de schermgrootte achterhalen en dan aan de hand daarvan een specifieke layout laden...

[ Voor 29% gewijzigd door Gomez12 op 02-05-2008 11:49 ]

[Clay]

http://www.xs4all.nl/~peterned/examples/csslayout1.html

[Bosmonster]

Clay schreef op vrijdag 02 mei 2008 @ 12:38:
http://www.xs4all.nl/~peterned/examples/csslayout1.html

Nice voorbeeld. Wat alleen jammer is is dat je de footer hoogte moet definieren (die padding van 6em in dit geval). Dat maakt het lastig bruikbaar als je de content in de footer flexibel/beheerbaar wilt hebben.

Als je footer vast staat is dit echter wel een hele nette oplossing.

[ Voor 8% gewijzigd door Bosmonster op 02-05-2008 13:21 ]

[Verwijderd]

Clay schreef op vrijdag 02 mei 2008 @ 12:38:
http://www.xs4all.nl/~peterned/examples/csslayout1.html

Zeker nice voorbeeld maar deze had ik natuurlijk ook al gevonden. Alleen is er een probleem. Ik heb een margin onderaan omdat ik niet wil dat de footer tegen de onderkant aanzit. en die margin vind hij niet zo leuk.

[Clay]

Mja, dan weet ik het idd ook ff niet meer Ik denk dat ik em in dat geval gewoon toch achter de content aan zou laten komen, en grafisch opvullen tot fixed footer onderaan; in 3 delen eigenlijk dus.

[Clay]

Verwijderd schreef op vrijdag 02 mei 2008 @ 13:26:
[...]


Zeker nice voorbeeld maar deze had ik natuurlijk ook al gevonden. Alleen is er een probleem. Ik heb een margin onderaan omdat ik niet wil dat de footer tegen de onderkant aanzit. en die margin vind hij niet zo leuk.

Die marge moet je dan meenemen in de hoogte van die footer, dat die dus ongeveer 135px wordt. Kzie nix wat niet mogelijk is hoor

[ Voor 7% gewijzigd door Clay op 02-05-2008 14:18 ]

[Cavorka]

offtopic:
Ik vraag het toch maar even: ik weet wel heel zeker dat je die render van de Skyline niet zelf hebt gemaakt (die is namelijk gemaakt door A. Baldasseroni), maar heb je toestemming om die te gebruiken?