Problemen met DIV

Door Kristof op 07-09-2006 13:24

923 views

Ik heb al verscheidene tutorials afgelopen, maar ik heb nog steeds de positiebepaling van de DIV's niet volledig onder de knie.

Stel ik wil een site layout zoals in volgende tekening:
http://www.mobyhosting.com/div/
deze tekening is louter als voorbeeld, om op die manier de positiebepaling onder de knie te krijgen.
Zou er iemand de css file (enkel positie is voldoende) en de html eens willen uitschrijven?
Het nu van clear:both is me ook nog niet volledig duidelijk.
Alvast bedankt, en ik hoop dat het hierna duidelijk zal zijn voor mij.

edit: mmm, probleem met de link blijkbaar

edit2: nu zou de link moeten werken. Gewoon even klikken op layout.jpg. Werkt dit ook niet, misschien even de link http://www.mobyhosting.com/div/layout.jpg in de adresbalk copy pasten.

Winston Smith

07-09-2006 13:36

Zoek even tussen de tutorials naar de CSS designs van Jan Koehoorn, die bieden een goede houvast.

clear:both gebruik je vaak bij liquid design: als je een div aan de linker- of rechterzijde float, en de volgende div moet eronder komen, dan kan je clear: both gebruiken.

Wat jij wil vind ik zelf ook lastig, met name het verticaal centreren. Voor het horizontaal centreren kan je hier eens kijken. Dat soort oplossingen werken overigens vaak alleen in Firefox.

Jan Koehoorn

07-09-2006 14:12

Ik heb een voorbeeldje gemaakt dat je kunt bestuderen.

Robert Deiman

07-09-2006 16:42

Euh, ik wordt gewoon elke keer naar www.mobyhosting.com teruggelinkt. Bestaat het bestand niet meer? Of is je beveiliging in dit geval een beetje te goed?

Kalle P

07-09-2006 17:28

Als je naar eerst naar www.mobyhosting.com/div/ gaat en dan kan je op layout.jpg klikken

edit:
maar die div + code van wrapper kan weg laten. Die doet niks in het vbtje van Jan.

Kristof

07-09-2006 20:19

ok, ik snapte al niet wat dat gedeelte precies doet.
Ik ga het allemaal beetje uittesten, en als er nog problemen opduiken horen jullie het wel.
Alvast bedankt!

Reageren

Inloggen om te reageren