[XHTML] rechtste DIV zweeft over middelste DIV in IE6/OP7 - Softwareontwikkeling

dinsdag 27 juli 2004 11:17

Acties:

Carpe diem

Topicstarter

Ik ben een webdevver van de oude garde, ik gebruikte altijd al tabellen om vorm aan de layout te geven, ook al waren er DIV's hiervoor beschikbaar. De voornaamste reden was de incompatibiliteit met de sindsdien door mij veelgebruikte browser: Netscape Communicator. Gisteren had ik besloten om alle tabellen uit de basislayout van mijn website te slopen en vervangen door DIV's en hier en daar finetunen. Tot zover is dit aardig gelukt:

Oude tabellayout: http://balusc.xs4all.nl (css: http://balusc.xs4all.nl/css.css)
Nieuwe divlayout: http://balusc.xs4all.nl/tst/welll.html (css: http://balusc.xs4all.nl/csss.css)

Noot: de nieuwe divlayout betreft alleen de welll.html, doorklikken naar andere pagina's heeft geen zin.

Nu ziet dat er uitstekend uit, echter er is een maar: wanneer ik de breedte van de browservenster van IE 6.0.2800.1106 / Opera 7.52 verklein naar minder dan 800px, dan zweeft de rechterkolom over de middelste kolom heen. En dat is juist niet de bedoeling. Het werkt daarentegen perfect in de Gecko browsers als Mozilla 1.4 Gecko/20030529 en FireFox 0.9 Gecko/20040614.

Ik had nog geprobeerd om

Cascading Stylesheet:

1	body {width:expression(document.body.clientWidth<800?"800px":"auto");}

toe te voegen aan de csss.css. Dit werkte helaas niet, dat in tegenstelling tot

Cascading Stylesheet:

1	.middle {width:expression(document.body.clientWidth<800?"434px":"auto");}

wat een stuk verderop in de csss.css staat. Google leverde ook niks op, al had ik in het begin het idee dat float:right; zou helpen. Echter dat hielp niet, of ik misinterpreteer de float functie ernstig.

Ook het volgende

Cascading Stylesheet:

.main {position:absolute; 
       min-width:800px;
       width:expression(document.body.clientWidth<800?"800px":"100%");
}

in combinatie met

HTML:

<body>
  <div class="main">

    [content]

  </div>
</body>

werkte niet. In IE6 veranderde er niks en in Opera7 werd het probleem wel verholpen, echter de breedte blijft stug 800px, wat nét niet de bedoeling is.

Suggesties/oplossingen anyone?

dinsdag 27 juli 2004 11:19

Acties: