As Firefox and its friends don’t support the normal “display: inline-block” feature of css, it got its own syntax which is called “display: -moz-inline-box”. In most cases you can use it without seeing a difference to the standard CSS-syntax.
One of the bugs is that your element won’t have an automatic break at the end of the line but behaves somehow like “white-space: nowrap”.
The other bug which I will kill by now appears when your inline-block Element doesn’t have a content.
For example when the background is set with CSS and you don’t want anything else to be displayed. Or if you are using Javascript to fill the element.
Anyway Firefox would ignore the line-height and put your element in the next line.
Perhaps you didn’t see this HTML-Enitie for a while as we all use CSS and UTF-8, but a simple (a white-space) will work, though.
Posts Tagged ‘CSS’
Wordwrap problem of mozillas inline-box
Monday, November 5th, 2007Tabellen- und Listenabstände per CSS im IE
Thursday, October 25th, 2007Wer angehalten ist für größere Projekte seine Seiten auch dem Microsoft Internet Explorer schmackhaft zu machen, stößt recht schnell auf die Grenzen der vollkommen veralteten CSS Engine.
Ein grandioser Bug im ist hier eine mehrdimensionale Liste. Heisst, eine Liste (ol/ul), die in einer anderen liegt (oder auch in einer Tabelle).
Hier fügt der IE oberhalb der Liste einen Abstand ein, den man mit normalen Margin oder Padding angaben nicht ändern kann. Wir versuchen es: (more…)
