[CSS] Div probleem icm refresh?

[OzBoz]

Ik ben momenteel bezig met een site waarbij de layout via div's wordt opgebouwd. Na een hoop gepruts en getest heb ik de site nu dat ie er vanaf HD in zowel Mozilla FireFox als IE goed uit ziet.

Wanneer ik echter de site laad vanaf server krijg ik bij beiden een probleem dat div's de eerste keer niet helemaal lekker gepositioneerd worden (FireFox) of niet helemaal doorlopen zover zou moeten in IE. Na een reload gaat het dan wel goed.

Ik vraag me een beetje af of dit een bekend probleem is en eventueel makkelijk te fixen is. Kan geen URL geven en zal jullie nog even niet vermoeien met een akelig lange CSS, hoop dat zo iemand nog wat suggesties kan doen.

Voor refresh:



Na refresh:

[Willem]

Code checken op errors? Validaten? Lijkt me afgezien daarvan stug dat het door de code komt. Op ander systeem proberen? Wat verschilt de server van configuratie met je workstation?

[2]

Ik herken het wel als een bug in IE, staat je doctype op xhtml strict? Probeer hem dan eens op transitional te zetten.

[André]

Ik heb het wel eens gezien, vaak ligt het aan code die niet helemaal correct is opgebouwd. Had je de validator al geprobeerd.

[ Voor 100% gewijzigd door André op 07-06-2004 10:08 ]

[Willem]

Kan geen URL geven en zal jullie nog even niet vermoeien met een akelig lange CSS

[Verwijderd]

Ik gebruik dreamweaver en als je daar een layer invoegt (dus <div>) dan zet hij er ook een scriptje in, Javascript, dat de pagina aanpast als het window wordt geresized. Nou heb ik niet zoveel verstand van javascript, maar volgensmij wordt dit script alleen uitgevoerd onder Netscape4. Misschien nuttige opmerking, probleem lijkt iig een beetje hetzelfde.

[André]

Verwijderd schreef op 07 juni 2004 @ 10:12:
Ik gebruik dreamweaver en als je daar een layer invoegt (dus <div>) dan zet hij er ook een scriptje in, Javascript, dat de pagina aanpast als het window wordt geresized. Nou heb ik niet zoveel verstand van javascript, maar volgensmij wordt dit script alleen uitgevoerd onder Netscape4. Misschien nuttige opmerking, probleem lijkt iig een beetje hetzelfde.

Hier heeft TS niets aan want die heeft niet bij elke layer een scriptje gemaakt denk ik zo. Is ook heel erg ranzig want met goede css ben je daar geen script voor nodig.

[Willem]

Gok het op een renderbug. Wat je kunt proberen is een forced overflow:

code:

div#melp {
  overflow:auto !important;
}

[Verwijderd]

Wordt de CSS geserved met de correcte MIME-type door de server?

[OzBoz]

Ik heb het een klein beetje opgelost. Dat wil zeggen, in IE werkt het nu naar behoren. Had te maken met het div-in-div ding.

Oude setting

code:

<div id="container">
  <div id="center">
     <div id="header"></div>
     <div id="visuals"></div>
     <div id="content"></div>
     <div id="menu"></div>
  </div>
</div>

Nieuwe setting

code:

<div id="container">
  <div id="center">
     <div id="header"></div>
     <div id="visuals"></div>
  </div>
  <div id="content"></div>
  <div id="menu"></div>
</div>

Nu kan in elk geval 96% van de mensheid um weer goed zien. Vanavond nog maar even puzzelen wat betreft andere browsers.