elementen positioneren aan de hand van andere elementen
Ik heb een website waar twee kolommen op staan: 1 kolom met de daadwerkelijke inhoud en een kleinere kolom daarnaast met de auteurs van die inhoud (http://bachelorcongres.nl/index.php?page=Workshops)
zoals je kunt zien staan op dit moment alle auteurs onder elkaar (in aparte divjes). Nu zou ik het graag zien dat elke auteur terechtkomt op het stukje wat zij ook daadwerkelijk geschreven hebben. Nu zou ik dit met absoluut positioneren kunnen doen, maar dit levert geheid fouten op, mede omdat de content variabel kan zijn en ik graag zie dat de auteurdivjes met de content mee verplaatsen.
Ik dacht zelf om met jQuery de positie van een ondertitel (h2) op te vragen en dan de auteurdivjes verticaal absoluut neer kunnen zetten. Toch lijkt me dat vrij omslachtig, en ik vraag me dan ook af of er een simpele manier bestaat om dit te doen.
Iemand ideeën?
Alvast bedankt!
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
----------------- -----------
| ------------- | | ------- |
| | | | | | | |
| | | | | | | |
| ------------- | | ------- |
| ------------- | | ------- |
| | | | | | | |
| | | | | | | |
| ------------- | | ------- |
----------------- -----------
| ------------- | | ------- |
| | | | | | | |
| | | | | | | |
| ------------- | | ------- |
| ------------- | | ------- |
| | | | | | | |
| | | | | | | |
| ------------- | | ------- |
----------------- -----------
Maar je hebt dit nodig:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
-----------------------------
| ------------- ------- |
| | | | | |
| | | | | |
| ------------- ------- |
-----------------------------
-----------------------------
| ------------- ------- |
| | | | | |
| | | | | |
| ------------- ------- |
-----------------------------
| ------------- ------- |
| | | | | |
| | | | | |
| ------------- ------- |
-----------------------------
-----------------------------
| ------------- ------- |
| | | | | |
| | | | | |
| ------------- ------- |
-----------------------------
