Jump to content

Extra space after having "top: -260px;"


everisk

Recommended Posts

Hi,

 

I have a layer that must overlay on another layer so I have to put "position: relative; top: -260px;" in. There are several other divs below that to make the page. However, there is a 260px empty space at the bottom of my page and I dont know how to get rid of it. :( I know the reason is because the top: -260px. BTW, all DIV are inside a supercontainer div (if that helps).

 

How do I fix this empty space? Thanks a lot!

Link to comment
https://forums.phpfreaks.com/topic/172082-extra-space-after-having-top-260px/
Share on other sites

I don't quite understand what you mean below is structure of my page. Could you show me what I have to remove?

 

<div id="supercontainer">

 

<div id="top_bg" style=" margin-left:auto;  margin-right:auto; width:1000px; height: 260px; background-image:url(../images/bg_top.jpg); background-position:center; background-repeat: no-repeat; z-index:98;">

 

</div>

 

<div id="content_container" style="margin-left:auto; margin-right:auto;width: 900px; position: relative; top: -260px; z-index:99;">

This is a container of all the rest of the content

<div>a bunch of div inside</div>

<div>a bunch of div inside</div>

<div>a bunch of div inside</div>

</div>

 

<div id="footer" style="clear: both;">Footer</div>

 

<!-- ***there is 260px empty space here*** -->

 

</div> <!-- end of super container -->

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.