Results 1 to 2 of 2
Dec 29, 2009, 10:03 #1
- Join Date
- Jan 2008
- Knoxville TN
- 66 Post(s)
- 1 Thread(s)
Firefox 3.5 issue on display inline-block
I don't know if anyone else has come across this bug, but it's slightly annoying. I ran across it while building a unordered list <ul> and setting the list elements <li> to display inline block. This is for a pagination bar and so I want the elements flush to one another. I also want them shoved to the right so I set text-align: right on the <ul> element.
When I did this I had a slight gap between each element. After fudging with it about a half hour I found that the carriage returns between the list elements was the source of the space, which is incorrect - the browser should not render carriage returns or any whitespace between tags.
I was able to fix it of course, but it was annoying and I figured I'd post a report of it in case anyone else runs across it.
Dec 29, 2009, 10:25 #2
It's not a bug, it is normal behavior for inline elements to produce whitespace nodes. If you will view your page in other browsers besides FF 3.5 you will find the same results.
However, there is a new whitespace bug in IE8 that you should be aware of and it is very easy to fix it as shown in the link below.
That example uses inline-block for the <li> and the slight gaps you see are the normal whitespace nodes.