Mencarta Posted January 17, 2010 Share Posted January 17, 2010 I try to make a long silver box that runs all the way to the bottom of the page. It won't do it though. Here are my pages:index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head> <title>PJH Drama Club, Home</title> <link rel="stylesheet" type="text/css" href="index.css" /> </head> <body> <ul> <li><a href="mettings.php" title="Upcoming Meetings">Upcomming Meetings</a></li> <li><a href="cast.php" title="Cast">Cast</a></li> <li><a href="contact.php" title="Contact Us">Contact Us</a></li> </ul> <div id="page"> Test Content </div> </body></html> index.css body { background-color:rgb(8,8,168); margin:0px; padding:0px;}#page { background-color:rgb(200,200,200); width:800px; margin:0 auto; height:100%;}ul { list-style-type:none; margin:5px; padding:5px; float:left; position:fixed; top:25px; left:50px;}a { display:block; font-family:Informal Roman,Sans-Serif; font-size:24px; font-weight:bold; color:rgb(200,200,200); text-decoration:none;} Any suggestions? Link to comment Share on other sites More sharing options...
Mencarta Posted January 17, 2010 Author Share Posted January 17, 2010 Please help... Link to comment Share on other sites More sharing options...
Synook Posted January 17, 2010 Share Posted January 17, 2010 Height:100% means 100% of the parent's height, so you need to have everything all the way back to <html> at 100% height. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.