Positioneren Div's, bijna klaar: 1 foutje

[eweps]

Vandaag ben ik bezig geweest met het opzetten van een vrij uitgebreid ontwerp in CSS en xhtml. Nu is het positioneren naast elkaar prima gelukt, op 1 onderdeel na.

Het voorbeeld staat op:

http://www.npeters.nl/test.html

Het vak waar "probleemvak" in staat wordt gerelateerd aan "linker vak", terwijl "probleemvak" naar boven moet, hij moet gerelateerd zijn aan de vakken erboven met een rode lijn erom.

Iemand die weet hoe ik dit op kan lossen? Het uiteindelijke resultaat van de rechterkant moet zijn zoals de linkerkant.

Alvast bedankt!

[marsipulami]

ik heb niet in je code gekeken maar misschien;

clear:both;
float: left;

??

[eweps]

Zit er beide in verwerkt, maar toch gaat het ergens mis. Toch bedankt voor je input.

[WebMeso]

Probeer dit dan springt die weer naar rechts en naar boven.
clear: none;
float: left;

[eweps]

Klopt zo springt hij naar naar boven, maar valt hij dan wel buiten de div "rechts"
http://www.npeters.nl/test4.html

Dat zorgt later weer voor problemen als de linkerkant kleiner wordt, omdat de balk eronder dan niet beneden de inhoud van rechts komt.

Bedankt alvast

[eXtreme Service]

Gewoon een float: left zonder clear: both op #right_geheel (tested)

Om te voorkomen dat hij er niet uitspringt kan je altijd een br met clear: both gebruiken.

[eweps]

Dag Bram, bedankt voor je oplossing:

het probleemvak krijgt float: left;

en onder het probleem vak komt:

<br style="clear: both;" /> (Tegen het uit de rechterkant div springen)


Allemaal bedankt voor de input!