div tag extends till the bottom of thepage

[shah]

Hi,

I am using the following CSS style.

.MainDiv {
width: 842px;
height: 731px;
background-color: #FFF;
position:absolute;
top:0px;
left:50%;
margin-left:-421px;
margin-bottom:10px;
}

as you can see, i have left some margin at the bottom .i.e 10px, but the div tag using this style still extends till the bottom of the page. i have used padding-bottom as well, but nothing seems to be working. i will appreciate if some one could help me in this issue.

 

Kind Regards

Syed Arif Ullah Shah

[zeeshan_haider000]

I am having almost the same problem, the content is overlapping the footer and beyond.. here the site: Site here is the css.

 

Haider Ali Bangash

[Yesideez]

height: auto;

 

I've never used "auto" on "height" as it can give weird results.

 

I suggest you use Firefox and install these two plugins:

https://addons.mozilla.org/en-US/firefox/addon/60

https://addons.mozilla.org/firefox/addon/1843

 

That's Web Developer and Firebug respectively. Web Developer is pretty self explanatory when you use it but Firebug just places a small "bug" icon in the bottom-right of the browser - click to edit the CSS & HTML live on the page to see changes without having to make loads and loads of edits to source files etc.

[zeeshan_haider000]

height: auto;

 

I've never used "auto" on "height" as it can give weird results.

 

I suggest you use Firefox and install these two plugins:

https://addons.mozilla.org/en-US/firefox/addon/60

https://addons.mozilla.org/firefox/addon/1843

 

That's Web Developer and Firebug respectively. Web Developer is pretty self explanatory when you use it but Firebug just places a small "bug" icon in the bottom-right of the browser - click to edit the CSS & HTML live on the page to see changes without having to make loads and loads of edits to source files etc.

 

Thanks...