[html] td width="1" wordt toch uitgerekt

[marty]

Ik zit met een heel irritant probleem

Kan iemand me uitleggen waarom deze code:

code:

<table border="0" cellpadding="0" cellspacing="0">
<tr>
 <td width="50" bgcolor="#FF0000">&nbsp;</td>
    <td width="500" bgcolor="#CACACA" colspan="3"></td>
 <td width="50" bgcolor="#FF0000"></td>
</tr>
<tr>
 <td width="50" bgcolor="#00FF00">&nbsp;</td>
    <td bgcolor="#000000"></td>
    <td bgcolor="#FF0000 width="1"></td>
    <td bgcolor="#000000"></td>
 <td width="50" bgcolor="#00FF00">
</tr>
</table>

Het vertikt om die middelste cel in de onderste rij een wijdte van 1 te geven?

Ook als ik [img]"images/empty.gif"[/img] tussen die td tags zet blijft ie gewoon 1/3 van het geheel.
De overige 2 een vaste waarde (of 1 in procenten geven) is geen optie want die moet juist variabel zijn.

[Verwijderd]

als je die twee cellen er omheen een breedte geeft van 250 en 249 (met die 1 in het midden erbij dus 500) dan zal het waarschijnlijk wel goed gaan...

Die width=50 in je tweede TR zou je evt. ook al weg kunnen laten, maakt de boel weer iets compacter.

[Verwijderd]

ten eerste:

code:

<td bgcolor="#FF0000 width="1">

moet zijn

code:

<td bgcolor="#FF0000" width="1">

dit werkt wel:

code:

<table border="0" cellpadding="0" cellspacing="0" width=30%>
<tr>
 <td width="50" bgcolor="#FF0000">&nbsp;</td>
    <td width="500" bgcolor="#CACACA" colspan="3"></td>
 <td width="50" bgcolor="#FF0000"></td>
</tr>
<tr>
 <td width="50" bgcolor="#00FF00">&nbsp;</td>
    <td bgcolor="#000000"></td>
    <td bgcolor="#FF0000" width="1%"></td>
    <td bgcolor="#000000"></td>
 <td width="50" bgcolor="#00FF00">
</tr>
</table>

Nu kun je naar gelieve die andere 2 cellen groter en kleiner maken
Ik hoop dat je er iets aan hebt!

[Verwijderd]

code:

<td width="50" bgcolor="#00FF00">

zowieso even deze afsluiten </td>

enne ook je

code:

td bgcolor="#FF0000

even afsluiten....


te laaaattt

[marty]

Ik gebruik deze code niet echt, ik had het alleen even ter voorbeeld gemaakt zodat jullie precies begrepen wat ik bedoelde. In de echte code is alles netjes afgesloten.

Type-o Zoals je in m'n eerste post kan lezen is dat dus juist _niet_ de bedoeling

Flubbertje 1% is ook geen oplossing. 1% van bijv. 1024 is 10 pixels (afgerond) en dat zijn er 9 teveel. Ik wil 1 dunne verticale streep krijgen, van slechts 1 pixel breed

[Verwijderd]

juist ja, (ff overheen gelezen). Die breedtes moeten dus variabel zijn maar waarvan hangt dat af?

Je zou ook kunnen kijken naar css: twee kolomen en een border-right in je linker TD.

[Hangloozz]

zoals jij het wilt komt het er dus op neer dat die 2 aangrenzende cellen 299,5 pixels breed moeten worden
Dat gaat dus nooit werken he.

En in dit geval ben je ook verplicht om maten mee te geven vor je cellen omdat de browser nou eenmaal te dom is om dat zelf te bepalen voor die cellen en er dus maar een draai aan geeft.

Daarover is nog eens een vette discussie geweest die minstens 2 users een ban heeft opgeleverd

[Verwijderd]

Verwijderd schreef op 05 november 2002 @ 15:07:
Je zou ook kunnen kijken naar css: twee kolomen en een border-right in je linker TD.

maar zo zal het zeker werken!

[marty]

Waarom ik dit wil is dat ik een achtergrond in die td wil definieren die dan de kleur van dat lijntje bepaalt.
Links van die lijn moet gewoon een lege td blijven (je ziet de achtergrond kleur van de pagina) en rechts van die lijn moet een td komen met content. En die content is variabel

Ik los het liever niet via css op want ik wil die achtergrond kleur uiteindelijk variabel/dynamisch maken en dan moet ik weer heel veel toeren uit gaan halen om te zorgen dat het toch goed loopt via m'n CSS

Ligt het nou aan mij, of is het gewoon superdom dat werkelijk geen enkele browser dit goed doet? (Opera 5.12, IE5.0, Nescape 6.2)

[marty]

Hangloozz schreef op 05 november 2002 @ 15:15:
zoals jij het wilt komt het er dus op neer dat die 2 aangrenzende cellen 299,5 pixels breed moeten worden
Dat gaat dus nooit werken he.

Nee, ik legde het net al uit (maar dat was na jou post, die ik toen nog niet gelezen had):

Van die 3 cellen moet er 1 leeg zijn, 1 1px breedt zijn en die ander wordt bepaald door de content.
dus het is
rechter: breedte afhankelijk van de content. kan 100 zijn, maar ook 400
midden: breedte 1px
linker: beschikbare breedte voor de 3 samen min 1 min rechter

zo moeilijk kan dat toch niet zijn voor een browser?

[crisp]

Gewoon nesten dus:

HTML:

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="50" bgcolor="#FF0000">&nbsp;</td>
    <td width="500" bgcolor="#CACACA"></td>
    <td width="50" bgcolor="#FF0000"></td>
  </tr>
  <tr>
    <td width="50" bgcolor="#00FF00">&nbsp;</td>
    <td>
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
          <td bgcolor="#000000">&nbsp;</td>
          <td bgcolor="#FF0000" width="1"></td>
          <td bgcolor="#000000">&nbsp;</td>
        </tr>
      </table>
    </td>
    <td width="50" bgcolor="#00FF00"></td>
  </tr>
</table>

[Hangloozz]

crisp schreef op 05 november 2002 @ 15:22:
Gewoon nesten dus!

purcies... hulde, crisp

[marty]

maar als ik van die 3 cellen ook 3 regels wil maken (9 cellen) dan hebben ze onderling geen verband meer

[marty]

naja....je kan niet alles willen. Ik heb er voor gekozen om de rechter cel dan ook maar een vaste waarde te geven - zodat het probleem van hierboven (9 cellen) is opgelost. En dat werkt.

Blijf het erg dom vinden dat zo'n colspan="3" zo ontzettend veel problemen moet opleveren. maargoed, ik begreep dat hier al een keer discussie over is geweest, dus zal me van verder commentaar maar onthouden. Crisp in iedergeval bedankt.

[Hangloozz]

marty schreef op 05 november 2002 @ 16:09:
Blijf het erg dom vinden dat zo'n colspan="3" zo ontzettend veel problemen moet opleveren. maargoed, ik begreep dat hier al een keer discussie over is geweest, dus zal me van verder commentaar maar onthouden. Crisp in iedergeval bedankt.

ik zou zeggen, bekijk de discussie eens, tis erg leerzaam

[Verwijderd]

marty schreef op 05 november 2002 @ 15:17:
Waarom ik dit wil is dat ik een achtergrond in die td wil definieren die dan de kleur van dat lijntje bepaalt.
Links van die lijn moet gewoon een lege td blijven (je ziet de achtergrond kleur van de pagina) en rechts van die lijn moet een td komen met content. En die content is variabel

Ik los het liever niet via css op want ik wil die achtergrond kleur uiteindelijk variabel/dynamisch maken en dan moet ik weer heel veel toeren uit gaan halen om te zorgen dat het toch goed loopt via m'n CSS

Ik snap niet waarom je denkt dat je hiervoor met CSS 'toeren moet uithalen'. Als dat zo is maak je er volgens mij verkeerd gebruik van...