All geek questions in one place

Div is displayed above the scroll bar.

Hi guys, I am creating a website with wordpress and I have a little problem with Internet Explorer 7

you can see a screenshot of the error here http://d.pr/U3LX , since you see that the #footer div is above the scrollbar, I tried something, but I can't just figure it out.

This is the css footer http://pastebin.com/nuxhXXSe

If you prefer live viewing, go here with ie7 http://d.pr/1UHi

Edit: now I noticed that this error appears in all other browsers (chrome, firefox, etc.)

How can i fix this? Any tips?

+4
source share
3 answers

I think the same thing. Because in my browser, the title is also above the scrollbar. Do you have a div cover around all your content? If you are using Wordpress, make sure you have header.php and footer.php. Im assuming the div will open in header.php and close at the very end of footer.php

you want your footer to be inside this div

+1
source

you can change the position for #footer from fixed to absolute , then you can set top:1100px; or something even better for yours.

+1
source

although I don't agree with the general markup, but it looks like you set the footer width = 100% PLUS padding-left = 15px !! which will always have the full width of the browser (due to the width: 100%) and another 15px! (this is not visible just because you are using overflow: hidden, but it is!) Try to remove the left pad and apply it to the inner element.

EDIT : after checking IE, this is not the reason for this, but is still bad practice.

+1
source

Source: https://habr.com/ru/post/1332656/

More articles:


All Articles