CSS weirdness

[Lewis]

http://www.mymobility.us/inside.htm

Why in Internet Explorer 6 does "about sal" jump to the next line?

Thanks for any ideas!

[Paul O'B]

Hi,

I think IE likes a width on its floats.

e.g.

#head div ul a:link, #head div ul a:visited {
 float: left;
 display:block;
 padding:5px 6px 2px;
 border-width:0;
 border-style:none;
 border-right:1px solid #06f;
 text-decoration: none;
 color: #999;
 width:60px;
 }

Paul

[John Colby]

A floated box must have a width - according to the CSS spec - either explicitly or intrinsically from an included element like <img> or <object>

CSS spec is:

"A floated box must have an explicit width (assigned via the 'width' property, or its intrinsic width in the case of replaced elements). Any floated box becomes a block box that is shifted to the left or right until its outer edge touches the containing block edge or the outer edge of another float. The top of the floated box is aligned with the top of the current line box (or bottom of the preceding block box if no line box exists). If there isn't enough horizontal room on the current line for the float, it is shifted downward, line by line, until a line has room for it."

from http://www.w3.org/TR/CSS2/visuren.html#floats

[Paul O'B]

Thanks for explaining in detail John, I knew the specs said that floats must have a width that but I was being lazy

Paul

[John Colby]

Thanks for explaining in detail John, I knew the specs said that floats must have a width that but I was being lazy

Paul

Only know about it explicitly because I was wrting a teaching lab session on it half an hour beforehand.

[Lewis]

Well, you hit the nail on the head. I overlooked that because http://www.adaptivepath.com/publications/ uses the same technique; however, for some reason he does not need to declare widths. Any ideas?

[Lewis]

white-space:nowrap;

Does the trick. Right under my nose!