Level Extreme platform
Subscription
Corporate profile
Products & Services
Support
Legal
Français
Padding bottom not always effective
Message
From
28/08/2017 03:57:29
 
 
To
27/08/2017 12:15:15
General information
Forum:
HTML5
Category:
HTML
Miscellaneous
Thread ID:
01653764
Message ID:
01653799
Views:
46
>>I'm not seeing that. footer height is 1+10+80+10 = 101px.
>>
>>But you're only setting min-height so if you have content in the footer then there's nothing preventing it from using more space.....
>
>I tried it with IE, Firefox, Chrome and Safari. If I put #Footer style with position: relative;, the footer is 182 pixels, including its top one pixel black border.

Don't know how you are checking the height but that's not true. The height of #Footer remains the same (101px) whether position is relative or absolute.
What changes is the height of the #Holder which (on my display) is 978px for #Footer position:absolute and 1079px when #Footer position:relative - i.e. the difference in #Footer height (1079-978= 101).

Tested on Chrome/ Chrome Canary and Firefox but not IE. All of the above behaviour is what would be expected following HTML layout rules.

What are you trying to achieve ?
Previous
Next
Reply
Map
View

Click here to load this message in the networking platform