[CSS] positioning in een <th>

[JayVee]

Hoi!

De situatie: Ik heb een tabel met een uitgebreide header:

_{(niet helemaal scherp door resize)}

Het probleem: Ik probeer al een tijdje twee dingen:
• De columns een minimum width mee te geven (zodat iig de icoontjes altijd naast elkaar staan)
• De icoontjes onderaan uit te lijnen

Het eerste puntje werkt prima door een <div style="width: 50px;" /> ergens in de headers te zetten.
Het tweede puntje heb ik op verschillende manieren aangepakt, maar geen van de oplossingen is goed:

HTML:

<th style="position: relative> <!-- gepositioneerd -->
  <meuk />

  <!-- en nu twee probeersels -->
  <a style="position: absolute; bottom: 0px;"><img /></a>
  <a style="vertical-align: baseline;"><img /></a>
</th>

In woorden: proberen door positioning de links onderaan te krijgen. Ik denk dat dat niet werkt omdat <th> geen block-level element is. Er een block van maken helpt natuurlijk niet aangezien ze dan niet meer dezelfde hoogte hebben.
vertical-align (toegepast op de <a> of <img>) helpt niet.

De vraag: Hoe doe je dat? Het mooiste zou een oplossing zijn die de twee problemen combineert.
//edit: Het moet werken in FF en IE6. Meer niet!

Bijlage: Hier trouwens de test-case. Tabel heeft een stevige margin-left zodat je eerder ziet hoe het op een kleiner scherm eruit ziet (daar staat normaal ook de navigatie). Rechts zijn er een paar lege cellen omdat daaronder icoontjes staan.

[ Voor 14% gewijzigd door JayVee op 13-01-2005 15:37 ]

[Verwijderd]

als je een extra rij th's erin stopt
en daarin de icoontjes met white-space: nowrap

ben je er dan niet?

[JayVee]

Icoontjes in een aparte rij kan natuurlijk. Maar van semantisch oogpunt vind ik het geen mooie oplossing. Maar het werkt natuurlijk wel als een zonnetje!

Heeft iemand nog een tip voor vertical-align: baseline of bottom? Ik heb daar nog nooit iets mee kunnen bereiken!

[paragon]

Volgens mij is het toch het best om er voor te zorgen dat de th niet in hoogte veranderen of over je probleem met de semanthiek heen stappen.

[ Voor 23% gewijzigd door paragon op 13-01-2005 18:20 ]