Div+hoogte en daarin ligde overlappende div

Pagina: 1
Acties:

  • Joove
  • Registratie: Januari 2001
  • Laatst online: 23:04
Ik heb een probleem met de hoogte van een div en een daarin gelegen div. Zie hieronder het probleem.

Afbeeldingslocatie: http://www.xs4all.nl/~overes/tweakers/div-msie.gifAfbeeldingslocatie: http://www.xs4all.nl/~overes/tweakers/div-netscape.gif
MSIE 6.0Netscape 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?

  • jazz
  • Registratie: Mei 2002
  • Laatst online: 12-08 08:24
Waarom werk je niet met tables? DIV is zo vies.. :/

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:21

crisp

Devver

Pixelated

geen float gebruiken

Intentionally left blank


  • Joove
  • Registratie: Januari 2001
  • Laatst online: 23:04
Die float is idd. het probleem. Dus opgelost.

Ik had het ook eerst met tables, maar met div kan je ook een hoogte instellen en dat is toch wel mooier als een site elke keer een minimale hoogte heeft.