Results 1 to 7 of 7

Thread: CSS Height problems in Firefox!

  1. #1
    343
    posts
    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:

    http://www.lagranboda.com/quemas.cfm

    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
    343
    posts
    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:

    http://www.lagranboda.com/bodastyle.css

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

    Thanks,
    Fitz

  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
    Code:
    .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
    343
    posts
    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

 Credits

Copyright 1999 - 2012