CSS Help - HotUKDeals
We use cookie files to improve site functionality and personalisation. By continuing to use HUKD, you accept our cookie and privacy policy.
Get the HUKD app free at Google Play

Search Error

An error occurred when searching, please try again!

Login / Sign UpSubmit

CSS Help

smithmr8 Avatar
6y, 6m agoPosted 6 years, 6 months ago
I've been trying to discover and sort out why the bottom of a webpage is being cut off when viewed in IE. It's doing my nut in.


The CSS being used when viewing in IE is IE7.css

I originally thought it was due to the relative positioning, but after removing/changing it all it is still not showing the bottom of the page.

smithmr8 Avatar
6y, 6m agoPosted 6 years, 6 months ago

All Comments

(6) Jump to unreadPost a comment
1 Like #1
absolute position it or remove the relative positioning, give it a fixed width, set the left and right margins to auto and then add a clear:both;.
Using absolute positioning, I can get it to position correctly below the main area, as its supposed to. But when more content is added (the above container size is increased) the footer stays fixed, it doesn't move with the content.

Any idea how I can get it to follow the content when its changed ?

I don't see why you are using relative position on nearly all your block level elements. if you are having to do this then you have a fundamental design floor in your layout.

Layed out properly, you only need you only need 6 structural DIVs

-- Header
-- Main content
----Column 1
----Column 2
--- Footer

Footer will then always be under main content and will move dependent on the height of main content
How would they be positioned ? Static ?
Yes, the default for position is static, just don't declare it

You really should be using position absolute and relative sparingly for example, i am developing a site at the moment, and my CSS file is 4,247 lines and i have used position relative 11 times
Cheers dude. Was overcomplicating things. :P.

Post a Comment

You don't need an account to leave a comment. Just enter your email address. We'll keep it private.

...OR log in with your social account

...OR comment using your social account

Thanks for your comment! Keep it up!
We just need to have a quick look and it will be live soon.
The community is happy to hear your opinion! Keep contributing!