468,238 Members | 1,847 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,238 developers. It's quick & easy.

CSS float:left always inserts line break

I have two columns of data [namely a navigation list and content block]. They are enclosed in a global div that defines the background colour, width, border, all that good stuff. Each column also has its own div block which contains a bit more formatting [namely float:left on both of them, and a few more things]. I had wanted both items to show on the same line [without using tables, if possible], but in FF/Opera, it adds a line break at the start of the second column. I've attached some screenshots of them in respective browsers:
IE:


FF:



Suggestions ?
Jan 4 '08 #1
2 5234
drhowarddrfine
7,435 Expert 4TB
Without a link, or the complete markup, it's impossible to help.
Jan 4 '08 #2
I have two columns of data [namely a navigation list and content block]. They are enclosed in a global div that defines the background colour, width, border, all that good stuff. Each column also has its own div block which contains a bit more formatting [namely float:left on both of them, and a few more things]. I had wanted both items to show on the same line [without using tables, if possible], but in FF/Opera, it adds a line break at the start of the second column. I've attached some screenshots of them in respective browsers:
IE:


FF:



Suggestions ?
Please make sure that each item is enclosed in the div tag
and of course without complete markup no one can help.
Jan 4 '08 #3

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

11 posts views Thread by Jeff Thies | last post: by
4 posts views Thread by Chris Sharman | last post: by
reply views Thread by McGeeky | last post: by
5 posts views Thread by Gozil | last post: by
reply views Thread by NPC403 | last post: by
reply views Thread by kermitthefrogpy | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.