Avatar billede bhn.314 Nybegynder
18. januar 2006 - 11:48 Der er 9 kommentarer og
1 løsning

<TD> uden width skal udfylde resten af 100%

Jeg har nedenstående tabel der laver en horisontal menu på 100%. Problemet er at jeg ikke kan få én af de 3 sidste <TD>'er til at udfylde den restende del op til 100%. Det kan man vel (IE og FF)?

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="29">
      <tr bgcolor="#FF6453">
        <td width="15"><img src="pics/spacer.gif" width="15" height="1"></td>
        <td width="80"><img src="pics/spacer.gif" width="130" height="1"></td>
        <td width="120"><img src="pics/spacer.gif" width="105" height="1"></td>
        <td width="150"><img src="pics/spacer.gif" width="10" height="1"></td>
        <td width="80"><img src="pics/spacer.gif" width="10" height="1"></td>
        <td width="140"><img src="pics/spacer.gif" width="10" height="1"></td>
        <td width="100"><img src="pics/spacer.gif" width="10" height="1"></td>
        <td><img src="pics/spacer.gif" width="4" height="1"></td>
        <td width="50" align="right"><img src="pics/spacer.gif" width="50" height="1"></td>
        <td width="10" align="right"><img src="pics/spacer.gif" width="10" height="1"></td>
      </tr>
      <tr bgcolor="#FF6453" width="100%">
        <td width="15" valign="middle"><img src="pics/spacer.gif" width="15" height="29"></td>
        <td width="80">
          <a class="head2" target="content" onClick="java script:moveHighlight(this);" href="index.php?pageid=2">Bla. bla.</a>
        </td>
        <td width="120">
          <a class="head2" target="content" onClick="java script:moveHighlight(this);" href="index.php?pageid=1">Something</a>
        </td>
        <td><img src="pics/spacer.gif" width="4" height="1"></td>
        <td width="50" align="right"></td>
        <td width="10" class="head2" align="right"></td>
      </tr>
</table>
Avatar billede bhn.314 Nybegynder
18. januar 2006 - 11:50 #1
Jeg kan ikke bruge colspan da siden er dynamisk via xml...
Avatar billede bhn.314 Nybegynder
18. januar 2006 - 11:51 #2
Det skal være en REN html løsning.
Avatar billede drean Nybegynder
18. januar 2006 - 12:02 #3
ren HTML ? Kan du bruge lidt CSS?

td {width: 100%}

Den width du har i selve TD taggen burde overskrive denne, så den skulle kun bruges ved tags som ikke har width i forvejen, hvis det ikke virker så skulle du måske overveje at definere width med style="width: XXpx" i alle dine TD tags så burde ovenstående virke.
Avatar billede cpufan Juniormester
18. januar 2006 - 12:24 #4
du skal bare fjerne width="xxx" i din td-tag så vil den benytte resten op til 100%
Avatar billede cpufan Juniormester
18. januar 2006 - 12:28 #5
men du skal jo have lige mange celler i hver række,
så du kan evt indsætte de manglede 4 celler som tomme.

<td></td><td></td><td></td><td></td><td><img src="pics/spacer.gif" width="4" height="1"></td>
Avatar billede cpufan Juniormester
18. januar 2006 - 12:30 #6
eller

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="29">
      <tr bgcolor="#FF6453">
        <td width="15"><img src="pics/spacer.gif" width="15" height="1"></td>
        <td width="80"><img src="pics/spacer.gif" width="130" height="1"></td>
        <td width="120"><img src="pics/spacer.gif" width="105" height="1"></td>
        <td width="150"><img src="pics/spacer.gif" width="10" height="1"></td>
        <td width="80"><img src="pics/spacer.gif" width="10" height="1"></td>
        <td width="140"><img src="pics/spacer.gif" width="10" height="1"></td>
        <td width="100"><img src="pics/spacer.gif" width="10" height="1"></td>
        <td><img src="pics/spacer.gif" width="4" height="1"></td>
        <td width="50" align="right"><img src="pics/spacer.gif" width="50" height="1"></td>
        <td width="10" align="right"><img src="pics/spacer.gif" width="10" height="1"></td>
      </tr>
      <table width="100%"><tr bgcolor="#FF6453" width="100%">
        <td width="15" valign="middle"><img src="pics/spacer.gif" width="15" height="29"></td>
        <td width="80">
          <a class="head2" target="content" onClick="java script:moveHighlight(this);" href="index.php?pageid=2">Bla. bla.</a>
        </td>
        <td width="120">
          <a class="head2" target="content" onClick="java script:moveHighlight(this);" href="index.php?pageid=1">Something</a>
        </td>
        <td><img src="pics/spacer.gif" width="4" height="1"></td>
        <td width="50" align="right"></td>
        <td width="10" class="head2" align="right"></td>
      </tr></table>
</table>
Avatar billede bhn.314 Nybegynder
18. januar 2006 - 12:53 #7
Hmmm.

td {width: 100%} virker ikke da der mangler <td>'er

Kan ikke bare indsætte tomme <td>'er da det kræver et større, uholdbart tjek.
Avatar billede cpufan Juniormester
18. januar 2006 - 12:57 #8
18/01-2006 12:30:41

Er der lagt en ekstra table ind hvor du har en ny row !

kan det ikke bruges?
Avatar billede bhn.314 Nybegynder
18. januar 2006 - 12:59 #9
Ja, ok det virker....

Smid svar og få point....
Avatar billede cpufan Juniormester
18. januar 2006 - 13:24 #10
her
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester