---
title: "Tabell med colspan får fel utseende i Netscape"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/104821-tabell-med-colspan-får-fel-utseende-i-netscape"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "KalsongCesar"
published: "2004-06-02T13:34:30.000Z"
updated: "2004-06-02T17:51:08.000Z"
replies: 3
views: 198
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/104821-tabell-med-colspan-får-fel-utseende-i-netscape"
---

# Tabell med colspan får fel utseende i Netscape

## #1 — KalsongCesar, 2004-06-02T13:34Z

Har en tabell som ska vara en meny med underrubriker.
Dvs 5 columner där första columnen bara är en distans till vänsterkanten, sedan följer rubrikerna med olika nivåer enl följande.

```
<TABLE border="1" WIDTH="150" cellspacing="0" cellpadding="0">
<TR>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('1',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
	<TD valign="middle" colspan=4><A href="javaScript:parent.reDisplay('1',false)" >RUBRIK 1</A></TD>
</TR>
<TR>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3',true);"><IMG src="/start/Images/minus.gif" border=0></A></TD>
	<TD valign="middle" colspan=4><A href="javaScript:parent.reDisplay('3',true)" >RUBRIK 2</A></TD>
</TR>
<TR>
	<TD width="1" align="left"> </TD>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.1',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
	<TD valign="middle" colspan=3><A href="javaScript:parent.reDisplay('3.1',false)" >Under 2.1 </A></TD>
</TR>

<TR>
	<TD width="1" align="left"> </TD>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.2',true);"><IMG src="/start/Images/minus.gif" border=0></A></TD>
	<TD valign="middle" colspan=3><A href="javaScript:parent.reDisplay('3.2',true)" >Under 2.2 </A></TD>
</TR>
<TR>
	<TD width="1" align="left"> </TD>
	<TD width="1" align="left"> </TD>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.2.1',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
	<TD valign="middle" colspan=2><A href="javaScript:parent.reDisplay('3.2.1',false)" >avd 2.2.1 </A></TD>
</TR>
<TR>
	<TD width="1" align="left"> </TD>
	<TD width="1" align="left"> </TD>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.2.2',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
<TD valign="middle" colspan=2><A href="javaScript:parent.reDisplay('3.2.2',false)" >avd 2.2.2</A></TD>
</TR>

<TR>
	<TD width="1" align="left"> </TD>
	<TD width="1" align="left"> </TD>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.2.3',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
	<TD valign="middle" colspan=2><A href="javaScript:parent.reDisplay('3.2.3',false)" >avd 2.2.3 </A></TD>
</TR>
<TR>
	<TD width="1" align="left"> </TD>
	<TD width="1" align="left"> </TD>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.2.4',false);"><IMG src="/start/Images/leaf.gif" border=0></A></TD>
	<TD valign="middle" colspan=2><A href="javaScript:parent.reDisplay('3.2.4',false)" >avd 2.2.4 </A></TD>
</TR>
<TR>
	<TD width="1" align="left"> </TD>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.3',false);"><IMG src="/start/Images/plus.gif" border=0></A></TD>
	<TD valign="middle" colspan=3><A href="javaScript:parent.reDisplay('3.3',false)" >Under 2.3 </A></TD>
</TR>
<TR>
	<TD width="1" align="left"> </TD>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.4',false);"><IMG src="/start/Images/plus.gif" border=0></A></TD>
	<TD valign="middle" colspan=3><A href="javaScript:parent.reDisplay('3.4',false)" >Under 2.4 </A></TD>
</TR>
<TR>
	<TD width="1" align="left"> </TD>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('3.5',false);"><IMG src="/start/Images/plus.gif" border=0></A></TD>
	<TD valign="middle" colspan=3><A href="javaScript:parent.reDisplay('3.5',false)" >Under 2.5 </A></TD>
</TR>
<TR>
	<TD height=18 valign="middle" width="10"><A href="javaScript:parent.reDisplay('4',false);"><IMG src="/start/Images/plus.gif" border=0></A></TD>
	<TD valign="middle" colspan=4><A href="javaScript:parent.reDisplay('4',false)" >RUBRIK 3 </A></TD>
</TR>
</table>
```

Denna hiearki ser bra ut i explorer men har en netscape 4.51 samt en explorer i mac och testar på och det ser för dj\*ligt ut. Avståndet i de tomma cellerna blir alldeles för stora med földen att texten inte syns i menyn iom att jag kör den i en frames.

Ngn som ser ngt eller vet ngt som kan hjälpa mig?? Så tacksam för alla svar.

Permalänk: https://www.webforum.nu/p/104821

## #2 — jarvklo, 2004-06-02T15:15Z

Hmm - Utan att ha testat koden kan jag tipsa dig om att inte köra med "tomma celler" om du vill/har krav på dig att din kod skall fungera i NN4.X... Kör med 

```
<td><img src="en_pixel_stor_genomskinlig.gif"></td>
```

 istället...

Just NN4 är orsaken  till att "enpixelgifar" överhuvudtaget började användas som utfyllnad i tabellceller en gång i tiden

Permalänk: https://www.webforum.nu/p/1360264

## #3 — KalsongCesar, 2004-06-02T15:48Z

Tack.. men jag får samma resultat. Även med pixel som jag anger sorlek på. Verka som om det är första cellen under den första colspan som sätter hur brett det ska vara.. 

```
<TR><TD colspan=5>Rubrikhuvud</TD></TR>
<TR>
	<TD height=18 valign="middle" width="10"><IMG src="/start/Images/leaf.gif" border=0 width=10></TD>
	<TD valign="middle" colspan=4><A href="javaScript:parent.reDisplay('1',false)" >RUBRIK 1</A></TD>
</TR>
```

Gör att första "tomma" cellen blir alldeles för bred.. jag blir inte klok på det här.

Permalänk: https://www.webforum.nu/p/1360284

## #4 — jarvklo, 2004-06-02T17:51Z

Hmm...

Men vänta nu...
Du har fem kolumner på varje rad...
Den första är "indrag"...
Men kolla värdena du sätter på den första kolumnen på de olika raderna!

```
<TABLE border="1" WIDTH="150" cellspacing="0" cellpadding="0">
<TR>
	<TD height=18 valign="middle" [b]width="10"[/b]>...
	...
</TR>
<TR>
	<TD height=18 valign="middle" [b]width="10"[/b]>...</TR>
	...
<TR>
	<TD [b]width="1"[/b] align="left"> </TD>
        ...
</TR>

<TR>
	<TD [b]width="1"[/b] align="left"> </TD>
	...
</TR>
```

Ser du problemet ? 
(*alla celler i en kolumn skall automatiskt  få samma bredd oavsett om man anger olika i koden*) ;)

Permalänk: https://www.webforum.nu/p/1360318

---

Tråden på webben: https://www.webforum.nu/amne/html-css/104821-tabell-med-colspan-får-fel-utseende-i-netscape