homepage Welcome to WebmasterWorld Guest from 54.167.173.250
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Problem with height in FireFox
max-height, height:100%
Constantinff




msg:4413114
 4:13 pm on Feb 1, 2012 (gmt 0)

The problem is only in Firefox.
Part of the css:

...
html {
height:100%;
}

body {
...
height:100%;
}
....

#site-wrapper {
...
min-height: 100%;
}


#site-wrapper should always be from top to down, even if the page is very short. Inside IE and Chrome look just as it shild but inside Firefox if the page is short and there is no scroller - it is ok, but if the page is little bit longer - from the down side apears some space between #site-wrapper and the end of the page.

[edited by: alt131 at 5:57 pm (utc) on Feb 1, 2012]
[edit reason] Thread Tidy [/edit]

 

Paul_o_b




msg:4413201
 7:05 pm on Feb 1, 2012 (gmt 0)

Hi,

you have a 24px bottom margin on .main that collapses onto the main wrapper and gives you the gap. Remove the bottom margin from .main as it seems a little pointless anyway or use padding if you want some space.

Constantinff




msg:4413479
 1:22 pm on Feb 2, 2012 (gmt 0)

Thanks ,) No idea why I have left this margin

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved