id="page" height issue?

  • This is strange, I can’t see why this is happening but on my site here:

    https://www.gassuppression.co.uk/

    The #page div is stuck to the top with everything inside it. I’m a very competent HTML/CSS coder and I can’t for the life of me see what this problem is. I’ve done all validations and it’s not a missing div or unclosed CSS element…

    I’ve been wracking my head over this one and finally resorted to WP support! Any help is hugely appreciated.

    Nick

Viewing 4 replies - 1 through 4 (of 4 total)

  • The elements in the #main div are all floated — thus they are out of the normal flow of elements — so the #page div does not go down to the bottom. You need to use a “clear: both;” on an element below them — which will get the #page div to stretch to below them.

    Oh dear, just noticed that you are not using a child theme — which is a big problem…you are going to lose all your work when WP is updated and even more importantly, you must have a clean copy of the default theme for troubleshooting.

    You should stop and create a child theme and transfer all your changes so far to it. Save yourself a lot of grief down the road!

    Thread Starter pates

    (@pates)

    I know – I found out the very very hard way.

    This problem with the #page div popped up out of nowhere (hadn’t made any changes to affect this); figured I needed to update the theme. 15 hours of design lost… hopefully I can grab a backup and then I’ll create a new theme.

    :S !!

    Oh, sorry to hear that — so frustrating when those things happen. But live and learn, I guess we all run into it sometimes. Good luck and once you have the child theme set up, if you still have trouble, post back and someone here can probably help you out.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘id="page" height issue?’ is closed to new replies.