By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,767 Members | 1,255 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,767 IT Pros & Developers. It's quick & easy.

CSS float:left always inserts line break

P: 1
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
Share this Question
Share on Google+
2 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Without a link, or the complete markup, it's impossible to help.
Jan 4 '08 #2

shane3341436
P: 63
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.