Probleem opbouw site met div'jes.

[m00n]

Beste Tweakers,

Ik ben bezig met een project en probeer daarbij voor het eerst de site helemaal op te bouwen met behulp van divjes.

Onderstaande url staat de site momenteel:

http://home.casema.nl/m_delemarre/index.html
http://home.casema.nl/m_delemarre/css/cssleenmenken.css

Css staat momenteel vol met dingen die niet correct zijn, maar heb onderhand alles geprobeerd.

Het probleem is dat de mainContent div niet direct naast de leftbar div komt te staan. Het is wat moeilijk uitleggen.

http://home.casema.nl/m_delemarre/probleem.png

http://home.casema.nl/m_delemarre/hoehetmoet.png

Daarnaast is het ook de bedoeling dat zowel de leftbar div als mainContent div netzover doorlopen verticaal. Als nu de tekst in mainContent langer is dan dat in leftbar dan houd leftbar halverwege op.

Iemand een idee hoe ik vooral het eerste probleem oplos?

Alvast bedankt!

[Zoefff]

Het komt door de floats die je (op sommige plekken volgens mij ten overvloede) gebruikt. Als je 'mainContent' rechts cleart (dus 'clear: right;') zou het wel goed moeten gaan.

Overigens kan ik me niet aan de indruk onttrekken dat je nog erg op een tabel-georienteerde manier denkt. Niet met tabellen zelf, maar de opzet is hetzelfde (en niet semantisch correct). Probeer gebruik te maken van elementen waar ze voor bedoeld zijn. Menu's in een (un)ordered list, koppen in een heading, etc. Dat vermoeden word versterkt door bijvoorbeeld de div#spacer die ik tegenkom. Spacers hebben we samen met tabellayouts in de 20ste eeuw achtergelaten. Ruimte creeren kan je nu uitstekend met margin's en paddings

Het probleem van je afgekapte 'leftbar' als de content langer is kan je oplossen met 'Faux columns'

[ Voor 23% gewijzigd door Zoefff op 04-08-2007 16:46 ]