SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2005
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    cutoff div in firefox

    I have a div which contains 2 floated divs. One floated left and one floated right. IE is fine. In firefox the containing div height is shortened so that the text in the floating divs is cutoff. Any ideas?

  2. #2
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sounds like the float's aren't being cleared. If you can copy/paste your HTML and CSS here then we may be able to help

  3. #3
    Function Curry'er JimmyP's Avatar
    Join Date
    Aug 2007
    Location
    Brighton, UK
    Posts
    2,006
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Could you post the code - or a link to the page?

    - Try floating the parent div.
    - If overflow is set to hidden, make sure to unset that...
    - maybe a clear:... issue...

    Actually seeing the code really would help.
    James Padolsey
    末末末末末末末末末末末末末末末末末末末
    Awesome JavaScript Zoomer (demo here)
    'Ajaxy' - Ajax integration solution (demo here)

  4. #4
    SitePoint Enthusiast
    Join Date
    Nov 2005
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the replies. I figured it out. It was a clear issue. I had to move the clear:both inside the container div that had the 2 floating divs. That solved the problem.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •