SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.
-
I haven't even looked at this in IE6 yet, although there shouldn't be major problems, but I'm not quite sure why my list at the bottom of the page is wrapping. There are four list items. The first is set to a width of 40%, and the last three are set to 20% each. None of them have any margin, padding, or borders, but the last item wraps. Anybody know why?
The URL is http://weaver.tobiasvarland.com.
Any other comments are welcome as well.
-
They work fine for me. This is a fairly common problem, and though I don't know of an official explanation, I have a personal theory that if the browser width is not evenly dividable then there can be rounding errors that lead to an overall width of more than 100%. The solution is as easy as shrinking the overall width to 98% or 99%.
-
I'm glad it works for you. The width of the window should be 960px, which means 20% is exactly 192px and 40% is exactly 384px. I don't think the problem is being caused by fractional widths, but I guess it's a possibility.
Thanks for looking.
-
For some reason, switching the declaration to ems instead of % seems to have done the trick.
-
-
CommentAuthorkari.patila
- CommentTimeMay 24th 2008
Even though you got it to work, the problem is still an interesing one. And by that I mean it's one I have to deal with myself, come Monday…
Your problem, however, might be the good old issue with floated elements having extra margin in IE. You have set the LI elements float:left and display:block, which might cause the problem. Floating something in IE requires display:inline, if you wish to avoid extra space being added around it. If you still need it, setting the H2 to display:block instead should yield a different result. -
1 to 5 of 5