Ik heb een probleem met de hoogte van een div en een daarin gelegen div. Zie hieronder het probleem.
Beperkte code van
Beperkte code van
Als voorbeeld van de css & html hierboven zie hier.
Wat kan ik hieraan doen, zodat div-"linkerkant" altijd geheel in div-"center" wordt geplaatst en deze niet overlapt zoals onder Netscape?
![]() | ![]() |
| MSIE 6.0 | Netscape 7.1 |
Beperkte code van
Cascading Stylesheet:
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
26
27
28
29
30
31
32
33
| #center{ width: 694px; min-height: 250px; height: auto; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #FFFFAA; color: #000000; text-align: left; vertical-align: top; background-image: url(http://www.breedeveldkamperen.nl/links.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: top left; margin-bottom: 2px; margin-top: 4px; margin-left: 2px; margin-right: 2px; } #linkerkant{ width: 200px; height: auto; float: left; margin-top: 0px; border: #000 1px solid; } #tekst{ width: 490px; height: auto; float: right; } |
Beperkte code van
HTML:
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
26
27
28
29
| <div id="center"> <div id="linkerkant"> <table class="tabell" cellspacing="0" cellpadding=2><tbody> <tr><td class=menul> Wij verkopen o.a.: </td></tr> <TR><TD align=center> <table cellspacing=1 cellpadding=1><tr><td> <A href="http://www.deuter.nl" target="deuter">[img]"deuter.gif"><br>Deuter</a> [/img]</tr><tr><td> <A href="http://www.helsport.no" target="helsport">[img]"helsport.gif"><br>Helsport</a> [/img]</tr><tr><td> <A href="http://www.lafuma.com" target="lafuma">[img]"lafuma.gif"><br>Lafuma</a> [/img]</tr><tr><td> <A href="http://www.lowealpine.com" target="lowealpine">[img]"lowealpine.gif"><br>Lowe[/img] </td></tr><tr><td> <A href="http://www.teva.nl" target="teva">[img]"teva.gif"><br>Teva</a> [/img]</tr><tr><td> <A href="http://www.thenorthface.com" target="tnf">[img]"thenorthface.gif"><br>The[/img] </td></tr></table> </td></tr> </tbody></table> </td></tr> </tbody></table> </div> <div id="tekst"> Een hele leuke tekst. </div> </div> |
Als voorbeeld van de css & html hierboven zie hier.
Wat kan ik hieraan doen, zodat div-"linkerkant" altijd geheel in div-"center" wordt geplaatst en deze niet overlapt zoals onder Netscape?

