IE6 en Rowspan: ben ik nou stom? (nee toch?)

Pagina: 1
Acties:

  • SnoW
  • Registratie: Februari 2000
  • Laatst online: 25-08 22:06
Ik gebruik in IE6 een rowspan in combinatie met een cel met een plaatje:

code:
1
2
3
4
5
<TABLE cellspacing="0" cellpadding="0" border="1" height="500">
<TR>    <TD height="100%" valign=top rowspan=2>[img]"pic/plaatje.gif"[/img]</TD>
    <TD height="1%">Cel rechtsboven</TD></TR>
<TR>    <TD height="99%">Cel rechtsonder</TD></TR>
</TABLE>
Ik wil dat de cel rechtsboven zo klein mogelijk is, maar hij neemt steeds een vaste hoogte aan. Vreemd!

In Netscape6.2 en Mozilla1.0 gaat het wel goed, maar in IE6 dus niet. Als ik het plaatje weglaat:
code:
1
2
3
4
5
<TABLE cellspacing="0" cellpadding="0" border="1" height="500">
<TR>    <TD height="100%" valign=top rowspan=2>Cel links</TD>
    <TD height="1%">Cel rechtsboven</TD></TR>
<TR>    <TD height="99%">Cel rechtsonder</TD></TR>
</TABLE>
...gaat het wel goed in IE6.

Ben ik nou stom of ligt het aan Internet Explorer?? (iets wat ik me van zo'n veelgebruikte browser niet kan voorstellen)

  • André
  • Registratie: Maart 2002
  • Laatst online: 01-09 14:07

André

Analytics dude

Ligt aan IE 6, want in IE 5 doet hij het prima.

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

crisp

Devver

Pixelated

Oplossing 1: geen procentuele hoogtes nemen (je tabel heeft zelf immers ook al een fixed height), eventueel ism table-layout: fixed in je css
Oplossing 2: tabellen nesten

Intentionally left blank


Verwijderd

Oplossing 3: geen tabellen gebruiken :)

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
PHP:
1
2
3
4
5
<TABLE cellspacing="0" cellpadding="0" border="1" height="500px">
<TR>    <TD height="100%" valign=top rowspan=2>Cel links</TD>
    <TD height="1px" style="font-size: 1px;">Cel rechtsboven</TD></TR>
<TR>    <TD height="99%">Cel rechtsonder</TD></TR>
</TABLE>

?

  • Thijsmans
  • Registratie: Juli 2001
  • Laatst online: 22:05

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

Verwijderd schreef op 09 september 2002 @ 14:00:
Oplossing 3: geen tabellen gebruiken :)
Hmm, dit klinkt natuurlijk vrij stom :P

Wat Shadow333 bedoelt (denk ik) is div's nemen:
code:
1
2
3
4
5
div {
  display: inline;
}

<div>blaat</div><div>blaat</div>


Maar hoe je dan die colspan voor mekaar gaat fiksen :?

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.


Verwijderd

dubbel post

Verwijderd

idd div's gebruiken en zo stom vind ik het niet, tabellen zijn niet bedoeld voor het plaatsen van elementen in een pagina en daar lijkt het hier wel op.

En zoals Crisp al aangaf de hoogte van de tabel is bekend en heeft het dus weinig zin om met percentages te werken, 1% van 500 is 5, dus een div van 5 pixels hoog zal precies het gewenste resultaat opleveren.

Kan me ook nog iets herrineren van een test die Crisp een paar maanden geleden heeft gedaan, betreffende tabellen en de verschillende interpretaties door de browsers (lees bugs)
misschien hoort deze ook wel bij die test.

link 1
link 2
Pagina: 1