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!

Het div-je krijgt een clear: both; mee.
Op het moment dat je die weghaalt zou hij het wel goed moeten doen, volgens mij.

float: right; toevoegen gok ik als ik het zo zie, zie je dat namelijk nergens gebruiken.

kunnen jullie mij vertellen op welke div dat moet worden toegevoegd?

Je moet in de css clear:both; verwijderen en float:left toevoegen uit:
#right_geheel {
clear: both;
margin: 0;
border: 1px solid blue;
}
Dat wordt dan dus:
#right_geheel {
float: left;
margin: 0;
border: 1px solid blue;
}

Geart, dat heb ik nu gedaan op http://www.npeters.nl/test2.html maar dan is het vak niet geheel relatief meer aan de vakken erboven.

Je moet ook nog
float: right; toevoegen aan #right_geheel
dus:
#right_geheel {
float: right;
margin: 0;
border: 1px solid blue;
}

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

nu staat hij wel meer naar boven, maar valt hij wel, samen met het rode vak erboven, buiten div "right".

Dus dat is nog niet helemaal de oplossing.
Aanvullend bericht:
Heb de oplossing al via een ander forum:

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!