Ik ben dus een site aan het maken en nu wil ik geen tables gebruiken 
, hierbij moeten de divs naast elkaar komen. Nu probeer ik het al met 'display:table-cell;' maar dan gaan alle divs raar inelkaar zitten.
ik heb bijvoorbeeld 4 divs, waarvan de eerste 2 naast elkaar moeten en de rest daaronder. Hierbij gebruik ik dan het volgende:
Hierbij krijg je heel mooi 2 divs naast elkaar en 2 divs daaronder:
bla 1 bla 2
bla 3 bla 4
Als bla 1 echter te lang wordt (door 30x <br \> bijvoorbeeld) dan gaan bla 3 en bla 4 ergens binnen bla 2 zitten en als bla 2 te lang wordt gaan ze naast bla 2 zitten. Dit snap ik echt niet, ik wil gewoon dat ze altijd zoals hierboven blijven staan!
, hierbij moeten de divs naast elkaar komen. Nu probeer ik het al met 'display:table-cell;' maar dan gaan alle divs raar inelkaar zitten.ik heb bijvoorbeeld 4 divs, waarvan de eerste 2 naast elkaar moeten en de rest daaronder. Hierbij gebruik ik dan het volgende:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| <style type="text/css">
html,body,div,p,td,span{font:10px verdana,arial,helvetica,tahoma; color:#002436;}
.faketabletd{float:left; display:table-cell; vertical-align:top;}
</style>
...
<body>
<div class="faketabletd">
bla 1
</div>
<div class="faketabletd">
bla 2
</div>
<br /><br />
<div class="faketabletd">
bla 3
</div>
<div class="faketabletd">
bla 4
</div>
</body>
</html> |
Hierbij krijg je heel mooi 2 divs naast elkaar en 2 divs daaronder:
bla 1 bla 2
bla 3 bla 4
Als bla 1 echter te lang wordt (door 30x <br \> bijvoorbeeld) dan gaan bla 3 en bla 4 ergens binnen bla 2 zitten en als bla 2 te lang wordt gaan ze naast bla 2 zitten. Dit snap ik echt niet, ik wil gewoon dat ze altijd zoals hierboven blijven staan!
:strip_exif()/u/22479/169-back.gif?f=community)
Dit topic is gesloten.