[CSS] +div layout problemen

[Verwijderd]

Hallo,

ik ben bezig met nieuwe layout van een site, alleen ik kom er niet meer uit:

ik heb een page-div, die is 1024 breed, staat gecentreerd op de pagina.
daarin zit een header, main, en footer.
header is gewoon hele breedte, iets van 100px hoog,
footer hetzelfde.
En daartussen zit main, de content dus.
Die wil ik opsplitsen in link en rechts. maar ik krijg ze niet naast elkaar, alleen als ik bij een van de 2 position: absolute doe, maar als dan de text te lang is loopt hij over de footer heen. Hoe kan ik dat oplossen?

thnx .. aprominax

[mithras]

Zoek op het principe "float", en hoe je die kan verbreken: "overflow". Daar is hier op GoT en op Google erg veel over te vinden.

[Verwijderd]

En let ook op: Wat in Firefox wel werkt kan in IE niet werken

[Zerora]

Toevallig ben ik hier vandaag ook mee bezig geweest.

Ik heb erg veel gehad aan de volgende 3 sites:
- http://limpid.nl/lab/css/fixed/
- http://www.sitemasters.be...s/tutorials&cat=2&id=90#6
- http://www.yourhtmlsource.com/stylesheets/csslayout.html

Misschien heb jij er ook wat aan

[Verwijderd]

@Rakkerzero,
bedankt, ik ga er naar kijken,

en ik heb mn site getest in firefox én IE, hetzelfde resultaat. verder knutsel ik meestal gewoon wat in elkaar met wat ik ken, dus mijn halve layout zal wel bagger zijn, overflow zegt me niet zoveel, ga ik naar kijken.

[Boelie-Boelie]

Verwijderd schreef op zondag 24 december 2006 @ 00:45:
En let ook op: Wat in Firefox wel werkt kan in IE niet werken

Ik weet niet of het aan de rare formulering ligt, of dat je het letterlijk zo bedoelt, maar ik zou zeggen: met een volledig doctype werkt het in IE7 in veel gevallen wel zoals in Firefox (en dus zoals het hoort). In IE6 komt dat ook regelmatig voor. Wanneer iets niet werkt, vind je via www.positioniseverything.net vaak wel een oplossing.

Absolute positionering is in de meeste gevallen niet nodig; zie bijv. enkele goede artikelen over tweekolomslayouts en driekolomslayouts. Die werken met floats, zoals in de suggestie van mithras86. Bezoek http://modernmarkup.nl voor een goede uitleg over hoe je beter aan de slag kunt.

[Verwijderd]

oke, ik het dus 2 kolommen nodig, en ze moeten allebei even hoog zijn, net zo hoog als degene waar de meeste text in staat. dat lukt nog niet helemaal, ga die laatste paar links van Boelie-Boelie even kijken.

EDIT: zie dat dat niet gaat lukken dan toch maar de ene geen achtergrond geven.. of is er een manier waarop dit wel kan?

[ Voor 23% gewijzigd door Verwijderd op 24-12-2006 02:17 ]

[Boelie-Boelie]

Zou de oplossingen combineren met faux columns.