Dareus Posted June 3, 2009 Share Posted June 3, 2009 Ok, so I still cant figure out why this doesnt work, The thing I am trying to acheive is the following....A site around 900px wide, with the background white, and the outter background black. (will be changed later to a light graphic but just for now).Everytime I make a say #wrapper Div, I made it 904px wide, then made my header say 900px wide, How come the wrapper stops at the header? I put 100% height but maybe I'm putting a wrong position or no position?If I put a height in px on the wrapper it goes down, but I would like it to go to the end of my footer or atleast TO the footer... lolAlso I could of coded it right, as dreamweaver shows my wrapper going all the way down in a blue outline, so why is the body color over riding it?The code below was from a seperate css file so I put it on top.I'm not uploading my changes yet to the site but the site is www.conceptmontreal.com Just started it, its a concept right now but I'm thkinking on changing it, but would still like to know how to do this as it will be applied to my next site. body { background-color: #000;}#wrapper { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-decoration: none; background-color: #FFF; width: 900px; margin-left: auto; margin-right: auto; text-align: left; position: relative; height: auto; border-color: #FFF;}table tr .topleftbox { background-image: url(pics/purpleoutlinetop.png); background-repeat: repeat-x;}.linkblock { text-decoration: none; margin-left: 72px; height: 400px; width: 200px; margin-top: 60px; background-color: #CCC; position: relative; float: left;}.footer { width: 900px; margin-top: 40px; position: static; height: 200px; left: 872px; top: 333px; float: right; background-color: #999;}.centerimage { text-align: center;}#wrapper {background-color:#ffffff;}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Concept Montreal</title><link href="indexstyles.css" rel="stylesheet" type="text/css" /></head><body><div id="wrapper"><div class="centerimage"><img src="pics/logotext.png" alt="concept montreal logo" /></div><div class="linkblock"><table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> <td class="topleftbox"> </td> <td> </td> </tr> <tr> <td> </td> <td><p> </p><p> </p></td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr></table></div><div class="linkblock"></div><div class="linkblock"></div><div class="footer"></div></div></body></html> Link to comment Share on other sites More sharing options...
jlhaslip Posted June 3, 2009 Share Posted June 3, 2009 put some content into those table cells and see what happens. Link to comment Share on other sites More sharing options...
chibineku Posted June 3, 2009 Share Posted June 3, 2009 To get the background colour to go right to the bottom, try adding clear: both to the footer, and if that doesn't work, get an image that is a tiny slice of the colour you want and use it as a repeating image in whatever div you want to reach the footer. Doing these things using Dreamweaver WYSIWYG mode is next to impossible though. Link to comment Share on other sites More sharing options...
Dareus Posted June 4, 2009 Author Share Posted June 4, 2009 Great i'll give it a try soon, I forgot about clear both, and ya can put a tiny white image repeated, wouldnt t\ke much k's to load Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.