Welcome to WebmasterWorld Guest from 54.157.225.99

Forum Moderators: not2easy

Message Too Old, No Replies

Problem with height in FireFox

max-height, height:100%

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

New User

5+ Year Member

joined:July 30, 2009
posts: 7
votes: 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]

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

Junior Member

10+ Year Member

joined:May 28, 2003
posts: 198
votes: 4


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.
1:22 pm on Feb 2, 2012 (gmt 0)

New User

5+ Year Member

joined:July 30, 2009
posts: 7
votes: 0


Thanks ,) No idea why I have left this margin
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members