[css] td { width:200px } doet't niet :?

[drm]

_<edit>
zie hier
^</edit>


Ik begrijp er geen hol meer van. 't Zit als volgt:

Ik heb de volgende css:

code:

table.nav td.navInfo {
   width:200px;
   font-size:10px;
   font-family:Verdana;
   font-weight:bold;
   vertical-align:top;
   text-align:left;
   padding-top:7px;
   padding-left:7px
}

en de volgende html:

code:

<table class="nav">
   <tr>
    <td class="navInfo">Kies blabla</td>
   <!-- hier volgen allerlei td's met plaatjes -->
   </tr>
</table>

Nu wordt die width-property niet gepakt. Niet door IE6, en niet Mozilla (0.98) Maar alle andere properties wel!

Als ik 't nou zo doe:
css

code:

table.nav td.navInfo div {
   width:200px;
}

html

code:

<table class="nav">
   <tr>
    <td class="navInfo"><div>Kies blabla</div></td>
   <!-- hier volgen allerlei td's met plaatjes -->
   </tr>
</table>

werkt 't wel! Bij mij brak m'n klomp. Als dat bij jou niet zo is, weet je vast hoe het komt

iemand enig idee

[Pelle]

* Pelle heeft hier IE5.5 en daar werkt het wel zoals je zou vermoeden dat het werkt

Kan het dus niet testen voor je (in IE6 dan )

/edit
Heb Mozilla nog even gechecked; heb hier 0.9.6 en daar werkt het ook gewoon. Raar...

[Verwijderd]

een tabel-width kan je niet voorkauwen met CSS, een divje wel...

[Verwijderd]

Op donderdag 21 februari 2002 11:30 schreef ivy het volgende:
een tabel-width kan je niet voorkauwen met CSS, een divje wel...

dat kan prima, waar haal je dat vandaan?

trouwens hij doet het hier ook goed Mozilla 0.9.8 en IE 5.1

[drm]

ik zal wel ff wat uppen, dan kan je 't zien...

momentje

[Willem]

ivy:
een tabel-width kan je niet voorkauwen met CSS, een divje wel...

Tuurlijk, wel. Je kunt een <td> een class meegeven:

code:

.piemel {
  width: 200px;
}

en echt wel: td.piemel is 200px groot.

Bij mij werkte het ook niet (zelfde project, toeval?) en heb het opgelost met een transperant gifje van 1px. bij 200px. Is niet de mooiste oplossing, maar nood breekt wet.

[drm]

dit is het idee ongeveer, qua layout. Ik heb beide nav versies even geupt:
*click*

[Verwijderd]

Op donderdag 21 februari 2002 11:45 schreef willem169 het volgende:

[..]

Tuurlijk, wel. Je kunt een <td> een class meegeven:

code:

.piemel {
  width: 200px;
}

en echt wel: td.piemel is 200px groot.

Bij mij werkte het ook niet (zelfde project, toeval?) en heb het opgelost met een transperant gifje van 1px. bij 200px. Is niet de mooiste oplossing, maar nood breekt wet.

Excuses, was er denk ik even niet bij met mn hoofd (?) maar het kan inderdaad... Waarom ik zei dat het niet kon weet ik niet, floepte er uit zullen we maar zeggen

[Pelle]

Ok, ik nu hetzelfde probleem inderdaad. Ik denk dat dit komt door de tabel die breder is als het frame waar het in staat, en de tabel op de een of andere manier zo klein mogelijk gehouden wordt.

Als ik het hier namelijk test met een tabel die wel op m'n scherm past (zonder scrollen), dan gaat het wel goed.

Waarom het zo is dat de tabel zo smal mogelijk wordt gehouden, is me een raadsel, maar ik vrees dat je hier weinig aan kunt doen.

[drm]

Pelle:
Ok, ik nu hetzelfde probleem inderdaad. Ik denk dat dit komt door de tabel die breder is als het frame waar het in staat, en de tabel op de een of andere manier zo klein mogelijk gehouden wordt.

Dat was inderdaad ook mijn theorie, jah...

Pelle:
Als ik het hier namelijk test met een tabel die wel op m'n scherm past (zonder scrollen), dan gaat het wel goed.

idd

Pelle:
Waarom het zo is dat de tabel zo smal mogelijk wordt gehouden, is me een raadsel, maar ik vrees dat je hier weinig aan kunt doen.

Ik vindt het behoorlijk pauper, moe'k zeggen

[Hangloozz]

ff 'nowrap' aan die cel toevoegen

[Pelle]

Op donderdag 21 februari 2002 12:04 schreef Hangloozz het volgende:
ff 'nowrap' aan die cel toevoegen

Dat is natuurlijk heel vies. En stel je wilt de <td> toch breder dan de tekst, dan is dat ook geen optie.

[Hangloozz]

Op donderdag 21 februari 2002 12:11 schreef Pelle het volgende:
Dat is natuurlijk heel vies. En stel je wilt de <td> toch breder dan de tekst, dan is dat ook geen optie.

heej, maar is het niet werken van een stukje css ook niet heel vies?

En ik denk dat je bedoelt dat het niet handig is als de tékst breder wordt dan de cel.

[Pelle]

Op donderdag 21 februari 2002 12:19 schreef Hangloozz het volgende:
En ik denk dat je bedoelt dat het niet handig is als de tékst breder wordt dan de cel.

Dat heb je fout gedacht
Als je je cell 200px breed wilt hebben, terwijl de tekst maar 80px breed is, dan werkt een nowrap of nobr dus niet. Want dan staat de tekst wel op 1 regel, maar worden toch 120px van de cell-breedte afgesnoept.

Dirty.

[Hangloozz]

ah, ja da's ook waar

[drm]

Hangloozz:
heej, maar is het niet werken van een stukje css ook niet heel vies?

Tja, maar om het dan toch nog met een html attribuut op te gaan lossen, is nou juist niet de bedoeling.

[Willem]

Pelle:
Waarom het zo is dat de tabel zo smal mogelijk wordt gehouden, is me een raadsel, maar ik vrees dat je hier weinig aan kunt doen.

Zoals gezegd, de oplossing van het transperante .GIF-je.
Not nice, but effective.

[drm]

willem169:
Zoals gezegd, de oplossing van het transperante .GIF-je.
Not nice, but effective.

ik vind zo'n divje netter, en da's net zo effectief.