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>
Annonceindlæg fra Barco
Er jeres mødelokaler sikre nok?
Den moderne arbejdsplads er i stigende grad afhængig af mødelokaler til at fremme samarbejde, men dette skift medfører også stigende sikkerhedsudfordringer.
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.
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>
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>
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.