CSS float:left always inserts line break

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • notepadman
    New Member
    • Jan 2008
    • 1

    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 ?
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    Without a link, or the complete markup, it's impossible to help.

    Comment

    • shane3341436
      New Member
      • Mar 2007
      • 63

      #3
      Originally posted by notepadman
      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.

      Comment

      Working...