Celranden

[anoniem]

Ik heb een site waarbij ik veel gebruik maak van tabellen. In die tabellen hebben alle cellen een rand (gedefinieerd in een stylesheet). Het komt echter regelmatig voor dat er een rand ontbreekt als je een pagina laadt. Na een refresh gaat het vaak wel weer goed. Het is niet te voorspellen wanneer het gebeurt.

[anoniem]

aangezien wij ook niet kunnen voorspellen... stukje code?

[anoniem]

wat is het adres van je site?

[anoniem]

Welke browser gebruik je op welk platform?

[anoniem]

Internet Explorer 5.x/6.x op Windows2000-dozen. Heb helaas geen bruikbaar adres van de site ('t gaat om een intranet), dus hierbij een stukje code. Het is een stukje van een organogram van een bedrijf: [code:1:e8c54560bd] <tr> <td width="8%" height="1"></td> <td width="3%" height="1" class="cellRandLinksOnder"></td> <td width="37%" rowspan="2" class="cellBedrijf"> <a class="link" href="bedrijf1.htm">Bedrijf 1</a></td> <td width="3%" height="1"></td> <td width="1%" height="1" class="cellRandLinksOnder"></td> <td width="60%" rowspan="2" class="cellBedrijf"> <a class="link" href="bedrijf2.htm">Bedrijf 2</a></td> </tr> <tr> <td width="8%" height="1"></td> <td width="3%" height="1" class="cellRandLinks"></td> <td width="13%" height="1"></td> <td width="3%" height="1" class="cellRandLinks"></td> <td width="6%" height="1"></td> <td width="30%" height="1"></td> </tr> <tr> <td width="8%" height="12"></td> <td width="3%" class="cellRandLinks" height="12"></td> <td width="37%" height="12" class="cellRandBovenOnder"></td> <td width="3%" height="12"></td> <td width="1%" class="cellRandLinks" height="12"></td> <td width="60%" height="12" class="cellRandBovenOnder"></td> </tr> <tr> <td width="8%" height="1"></td> <td width="3%" class="cellRandLinksOnder" height="1"></td> <td width="37%" rowspan=2 class="cellBedrijf">Bedrijf 4</td> <td width="3%" height="1"></td> <td width="1%" class="cellRandLinksOnder" height="1"></td> <td width="60%" rowspan=2 class="cellBedrijf"> <a href="bedrijf3.htm">Bedrijf 3</a></td> </tr> <tr> <td width="8%" height="1"></td> <td width="3%" class="cellRandLinks" height="1"></td> <td width="13%" height="1"></td> <td width="3%" class="cellRandLinks" height="1"></td> <td width="6%" height="1"></td> <td width="30%" height="1"></td> </tr> <tr> <td width="8%" height="12"></td> <td width="3%" class="cellRandLinks" height="12"></td> <td width="37%" height="12" class="cellRandBovenOnder"></td> <td width="3%" height="12"></td> <td width="1%" class="cellRandLinks" height="12"></td> <td width="60%" height="12" class="cellRandBovenOnder"></td> </tr> [/code:1:e8c54560bd] In de stylesheet staat het volgende: [code:1:e8c54560bd] TD.cellBedrijf { border:1px solid #777777; height: 1; padding-left: 15; color:#990000; text-align:left; background-color: #EEEEEE; } TD.cellRandLinks { border-left:1px solid #777777; border-right-width: 1; border-top-width: 1; border-bottom-width: 1; border-right-color:#777777; border-top-color:#777777; border-bottom-color:#777777 } TD.cellRandRechts { border-right:1px solid #777777; border-left-width: 1; border-top-width: 1; border-bottom-width: 1; border-right-color:#777777; border-top-color:#777777; border-bottom-color:#777777 } TD.cellRandLinksOnder { border-left:1px solid #777777; border-bottom:1px solid #777777; border-right-width: 1; border-top-width: 1; border-right-color:#777777; border-top-color:#777777 } TD.cellRandBovenOnder { border-top:1px solid #777777; border-bottom:1px solid #777777; border-right-width: 1; border-right-color:#777777; border-top-width:1px; border-top-color:#777777 } TD.cellRandBoven { border-top:1px solid #777777; border-right-width: 1; border-right-color:#777777; border-top-width:1px; border-top-color:#777777 } TD.cellStandard { vertical-align: top; padding-left: 5; background-color: #DDDDDD; } [/code:1:e8c54560bd]

[anoniem]

Ik heb 't ff getest met IE 5.5 SP2 en Netscape 6.2.2, beide op WinME. Geen problemen voor zover ik het kon zien... - Basje.

[anoniem]

Da's dus ook zo gek. De ene keer doet ie 't wel en de andere keer niet. In de oorspronkelijke versie is de tabel nog een stuk groter en het kan op verschillende plaatsen gebeuren.

[anoniem]

ik heb hem ook getest op win 98 met IE 5.5. doet ut gewoon!

[anoniem]

Code ziet er perfect uit. Wat wel eens wil gebeuren is dat de pagina niet snel genoeg kan worden geladen. Aangezien stylesheets de hoeveelheid code verkleinen om daardoor complexe pagina's te kunnen maken, moet de browser nogal wat tegelijk doen. Als er in de pagina's dan ook nog eens veel informatie staat IN de tabellen, zou het daar aan kunnen liggen. Olaf

[anoniem]

Zou een idee kunnen zijn. In die pagina staan twee behoorlijk grote tabellen (waarvan één met die celranden). Daarnaast wordt er nog een hoop gegoocheld met layers en een lap Javascript. En als laatste staat er nog een hoop commentaar in om al die Javascript te verduidelijken. Heeft het zin om bijvoorbeeld alle Javascript in een apart js-bestand te zetten? [edit] Die stylesheet staat wel in een apart bestand [/edit]

[anoniem]

Heb het niet uitgeprobeerd, maar misschien werkt het wel goed als je in de lege cellen een <br> of een &nbsp; zet.

[anoniem]

Snap niet waarom dat invloed zou kunnen hebben, maar ik zal 't eens proberen. Je moet soms gekke dingen doen om een probleem op te lossen. :)

[anoniem]

Werkt dus niet. Dan worden de cellen te groot.