Everybody! This is important. In a few days, these forums will be moving over to using the totally sweet Discourse platform. To ensure this migration happens smoothly with no loss of content, these forums are currently in a read-only mode. I do apologize for the inconvenience.

There is never a good time to turn the forums off for an extended period of time, but I promise the new forums will be a billion times better. I'm pretty sure of it.

See you all on the other side in a few days, and if you have any (non-technical) questions, please e-mail me at kirupa@kirupa.com. For technical questions, try to find a tutorial that corresponds to what you are looking for and post in the comments section of that page.


Results 1 to 7 of 7

Thread: CSS Height problems in Firefox!

  1. #1
    rappers get tallywhacked

    CSS Height problems in Firefox!

    I'm having problems. Even though Firefox conforms to W3C specs and IE does not, FF is the one that I'm having problems with. IE has some functionality built that I'm having trouble getting FF to replicate! Two examples are at the link below:


    You'll notice that in IE, this page shows up nicely, but in FF, the div containing the main textual content extends beyond the "container" div. Even though I set both the nested maincontent and parent container div's height to "auto." Basically, I can't figure out how to get FF to expand the container div automatically considering the maincontent div is nested inside it and has a greater height. Making sense?

    The other thing....it is so annoying to me how in FF the scroll bar on the right hand side of the screen only appears on pages that are long enough to warrant it. This bothers me because the pages jerks around left to right as you navigate depending on the height of the pages you're viewing. For an example, just click around on some of the links on the site above and notice how the screen jerks left and right on taller and shorter pages. In IE, on the other hand, this is not a problem, because even when the content isn't "tall enough" to warrant a scrollbar, a "grayed out" scroll bar is ready and waiting in it's place. Is there a way to force FF to keep the scroll bar up regardless of the height of the page?

    Thanks for any insight!!

  2. #2
    clear your float and/or don't set the height to anything. but you need to clear your float for sure
    Let us live so that when we come to die even the undertaker will be sorry. - Mark Twain
    Don't PM me your CSS, xHTML, JS or PHP questions. I will not reply to ANY IE6 questions.

  3. #3
    rappers get tallywhacked
    Thanks for the shout simplistik. When I gave that a shot....it messed things up even worse. I'm gonna keep looking, but if anyone feels like it....take a look at the CSS here:


    it's jacked up I know....I need to work big time on consolidating properties with the correct selectors.


  4. #4
    try min-height: 100px; for ff

    also try using "* html " div tag for "ie" and the usual for "FF" that way you can add different values for one property

  5. #5
    make a class called .clear or somethin' in your css...

    make it
    .clear { height: 1%; clear: both; margin: 0; padding: 0; }
    then after your "maincontent" div put

    HTML Code:
    <br class="clear" />
    and remove the height from your container it's lie 946 or something... just remove that attribute all together.

    should work just fine. havent tested it though
    Let us live so that when we come to die even the undertaker will be sorry. - Mark Twain
    Don't PM me your CSS, xHTML, JS or PHP questions. I will not reply to ANY IE6 questions.

  6. #6
    I had a similar problem, and I removed the float. Worked like a charm, thanks a lot Simplistik!

  7. #7
    rappers get tallywhacked
    Thanks a million for all the responses...right after I get back from las montanas, Im gonna give these suggestions a shot. I will post again when I get this puppy figured out.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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

Home About kirupa.com Meet the Moderators Advertise

 Link to Us


Copyright 1999 - 2012