Jump to content

Over Flow Auto Not Working


dbnorton
 Share

Recommended Posts

I have been redesigning my site to be table less and I have finished all my updates but when I got to one page for some reason the overflow:auto; is not working correctly. It works but my footer ends up in the scroll box instead of below it. I have searched for some answers but I can't seem to figure it out. It works fine on all the rest of my pages but this one. Here is the css code.

/* CSS Document */div#header {position: absolute;width: 770px;left: 50px;top: 50px;height: 127px;background-image: url(/images/evac_header.jpg);}div#nav {position: absolute;width: 770px;left: 50px;top: 180px;height: 30px;}div#toptextarea {position: absolute;width: 770px;left: 50px;top: 215px;background-color: #FFFFFF;height: 635px;text-align:center;font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#F8921B;}div#centertextarea {position: absolute;width: 770px;left: 50px;top: 212px;background-color: #FFFFFF;height: 635px;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#F8921B;overflow: auto;}div#hotelsearcharea {position: absolute;width: 500px;left: 50px;top: 380px;background-color: #FFFFFF;height: 465px;}div#ideaarea {position: absolute;width: 265px;left: 555px;top: 380px;background-color: #FFFFFF;height: 465px;}div#footer {position: absolute;width: 770px;left: 50px;top: 850px;height: 30px;}div#legal {position: absolute;width: 770px;left: 50px;top: 883px;background-color: #FFFFFF;height: 30px;color:#6487AD;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:10px;}body {margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;font-family:Arial, Helvetica, sans-serif;}.title1	{font-family:Arial, Helvetica, sans-serif;font-size:15px;color: #CD2021;font-weight: bold}

Here is the link to view what I am talking about.E-vacations4u.com Contact Us PageHere is a link using the same CSS file and it works fine.E-vacations4u.com FAQ PageAny help would be great.ThanksDustin

Link to comment
Share on other sites

i didn't really went through all your code, but i saw some absolute positioning. This is tricky when you have parts of your site that have no fixed height or width (usually blocks of texts). You could experiment with "clear: both;" or width with percentages.Tip:Instead of:margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;Use:margin: 0 0 0 0;(top, right, bottom, left - clockwise starting from top) and when it's 0, there's no need to write the unit name.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...