tables altijd vaste layout, ongeacht inhoud >CSS

[Verwijderd]

Situatie:
User geeft een string op, die moet worden weergegeven in een tabel. De tabel mag nooit van size veranderen, ook al is de tekst te groot. De tekst die teveel is moet verdwijnen zodat de user ziet dat het niet mogelijk is wat hij wil.

Dit doe ik als volgt:

Cascading Stylesheet:

table.classname{
  background:#000 url(producten/vus.jpg) no-repeat;
  table-layout: fixed;
  overflow: hidden;
}

Dit werkt prima in IE8. Echter in Opera en FF niet. De tabel blijft wel de vaste layout hebben maar hij schrijft de tekst gewoon door na de table border.

Enig idee wat ik verkeerd doe?

[MueR]

Volgens mij vinden browsers een overflow alleen boeiend indien er een breedte voor de tabel is opgegeven. Probeer eens gewoon width:800px; oid?

[Verwijderd]

nope, geen succes. Ik heb de size vastgezet via het CSS en later ook via de table properties in HTML, beide geven hetzelfde niet werkende resultaat. Nu weet ik dat CSS scripts vaker verschillen vertonen in diverse browsers maar zoiets banaals als dit zou toch moeten werken?

[Feanathiel]

MueR schreef op dinsdag 04 mei 2010 @ 10:59:
Volgens mij vinden browsers een overflow alleen boeiend indien er een breedte voor de tabel is opgegeven. Probeer eens gewoon width:800px; oid?

Dat, en 'display: block' op je table.

Zie: http://www.w3.org/TR/css3-box/#overflow1

Applies to: non-replaced block-level elements and non-replaced ‘inline-block’ elements

[ Voor 22% gewijzigd door Feanathiel op 04-05-2010 11:45 . Reden: Referentiemateriaal ]

[R4gnax]

Verwijderd schreef op dinsdag 04 mei 2010 @ 10:50:
Dit werkt prima in IE8. Echter in Opera en FF niet. De tabel blijft wel de vaste layout hebben maar hij schrijft de tekst gewoon door na de table border.

Enig idee wat ik verkeerd doe?

CSS 2.1 Specification, 17.5.2.1 Fixed table layout
Any cell that has content that overflows uses the 'overflow' property to determine whether to clip the overflow content.

Probeer overflow eens op de table-cells te zetten i.p.v. de table zelf. Misschien interpreteren Opera en Mozilla het bovenstaande wat stricter dan Microsoft.

[_eXistenZ_]

http://www.brunildo.org/test/IEbreak-word.html heb je hier wat aan?

[Verwijderd]

R4gnax schreef op dinsdag 04 mei 2010 @ 13:24:
[...]


[...]


Probeer overflow eens op de table-cells te zetten i.p.v. de table zelf. Misschien interpreteren Opera en Mozilla het bovenstaande wat stricter dan Microsoft.

Dat was em, bedankt!