[HTML] Waarom wordt width in <td> genegeerd? - Softwareontwikkeling

dinsdag 18 februari 2003 00:15

Acties:

Topicstarter

Ik ben voor een site bezig met de layout (veel php werk al af

). Nu wil ik echter achtergrond etc. mooi uitlijnen, zodat het ook nog geresized kan worden. Daarvoor gebruik ik (genestte) tabellen. Dit werkt over het algemeen prima. Vanavond stuitte ik echter op een erg irritant probleem. Dit is te zien in de volgende code:

code:

<html>
<head>
    <title>Untitled</title>
</head>
<body>
<table border="1" width="100%" valign="top">
<tr>
    <td width="30">a</td>
    <td>b</td>
    <td width="30">c</td>
</tr>
<tr>
    <td colspan="3" align="center">Hallo allemaal!</td>
</tr>
</table>
</body>
</html>

Dit levert het volgende resultaat: http://server.shuis.tudelft.nl/temp.html

Heeft iemand een idee waardoor het komt dat de width van fields 'a' en 'c' genegeerd worden als er iets in de row daaronder staat? Ik kom er echt niet uit...

- = Step Into The Pit | Industrial Strength = -

dinsdag 18 februari 2003 00:16

Acties:

dreeke

outdated icon

wil je ze alle 3 even breed hebben? Probeer dan eens "33%" in plaats van "30"

Bij gebrek aan uw reclame staat hier mijn handtekening.

dinsdag 18 februari 2003 00:18

Acties:

narotic

Topicstarter

Nee, ik wil ze juist niet alle 3 even breed hebben. Ik zou graag zien (na een avond kloten mag ik wel zeggen dat ik HEEL GRAAG zou zien

) dat de eerste en laatste field op de eerste row een gefixeerde lengte hebben (zoals in het voorbeeld 30 pixels). De middelste kolom moet de rest zijn. Zodat bij resizen field a en c van gelijke breedte zijn en field b alleen breder wordt.

- = Step Into The Pit | Industrial Strength = -

dinsdag 18 februari 2003 00:20

Acties:

disjfa

be

dat doen ze nu toch ook..... dat heet absolut positioneren

disjfa - disj·fa (meneer)
disjfa.nl

dinsdag 18 februari 2003 00:21

Acties:

Arzie

Bekijk het eens met Mozilla, die doet het wel goed.

dinsdag 18 februari 2003 00:26

Acties:

Verwijderd

Dit werkt wel:

HTML:

<html>
<head>
    <title>Untitled</title>
</head>
<body>
<table width=300 border="1" valign="top">
<tr>
    <td width=30>a</td>
    <td width=240>b</td>
    <td width=30>c</td>
</tr>
<tr>
    <td colspan="3" align="center">Hallo allemaal!</td>
</tr>
</table>
</body>
</html>

dinsdag 18 februari 2003 00:27

Acties:

narotic

Topicstarter

Geen Mozilla voorhanden, dus maar even Phoenix gedownload (ideale browser, cross platform en niets te installeren! ). En...je hebt gelijk. Die doet het wel goed. Nu zit ik dus met een irritant probleem, dat IE gewoon buggy is (denk dat ik het zo mag noemen).

Helaas werkt nog +/- 99% van de mensen met IE, zal me daar dus op moeten aanpassen.

Heeft iemand toevallig een workaround voor dit probleem?

- = Step Into The Pit | Industrial Strength = -

dinsdag 18 februari 2003 00:27

Acties:

Willem

CSS heeft alle antwoorden

w3schools.com doet de rest.

Succes

Motor (of auto) onderhoud bijhouden