SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy Div tag overflow only in FF. Help!

    I'm working on a site for a client that requires i use Css, so i was forced to learn it

    I'm finally getting the hang of it, save for one question. My div tags in IE stretch to accommodate excess content, but don't in Firefox. I'm using Firefox v2.0.0.4

    I've heard of the ills of coding for IE before firefox, but this seems to be the only nag now. Is there a way around this?

    The design is here:

    http://www.semeonline.com/demo/june12inc/index.html

    the tag in question is "actual_content"

    I'll really appreciate a fix to this!
    Thanks!

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's going to require a rewrite, but yeah it can be done. Do you HAVE to have the set height columns, or can you let them extend all the way down? (A faux background column may be required here.)

  3. #3
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i'm not sure i follow. If you mean a div tag that has a background that makes it seem like it has 3 columns then yes i do have a faux background column. I tried the 100% height thing with the divs concerned but it doesn't go all the way down.

  4. #4
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The thing is, 95% of your problems are in the stylesheet. Specifically the fixed height. You *could* add a height and overflow: auto; to the actual_content DIV, but not every browser will respect that the way your code is written (and it'll force a vertical scrollbar in the middle, as well).

  5. #5
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You have explicitly set heights to various elements - whilst IE will incorrectly expand them, compliant browsers respect the set height. You need to remove the heights from #main_content, #right_col, #left_col, and #midright, then clear the floats using overflow:hidden; in the #main_content css.

  6. #6
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't believe it! it works! I'm saved!

    ....Now if i could just do the same for the rest of my projects..

    Thanks a million!

  7. #7
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Elements are NOT to expand to contain floated elements. This is a bug in IE.


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
  •