...

View Full Version : div alignment issue



scratch416
11-05-2010, 02:32 AM
I'm trying to create a 3 Horizontal column layout which is contained in a wrapper div to center it. i'm trying to make the content div remain fluid so it will scale to the proper height according to whats in it. I always get a gap
between the header_image and the content division. The footer image and the content div touch properly.

Any help would be much appreciated. Thanks!



Heres the code:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title>Page Title</title>
<link type="text/css" href="stylesheet.css" rel="stylesheet" />
</head>
<body>

<div id="wrapper">
<img src="header_image.png" id="header_image"/>
<div id="content"><p>test</p></div>
<img src="footer_image.png" id="footer_image"/>
</div>

</body>
</html>



css code:




body {
font-family:Arial;
font-size:12pt;
}

#wrapper {
position:relative;
width:800px;
margin-left:auto;
margin-right:auto;
font-family:Arial;
font-size:12pt;
}

#content {
position:relative;
background-color:red;
font-family:Arial;
font-size:12pt;
}

#header_image{
position:relative;
background-color:red;
font-family:Arial;
font-size:12pt;
}

#footer_image{
position:relative;
background-color:red;
font-family:Arial;
font-size:12pt;
}

teedoff
11-05-2010, 02:34 AM
Just curious. Are you using Dreamweaver?

scratch416
11-05-2010, 02:40 AM
notepad

teedoff
11-05-2010, 02:42 AM
notepad

Ok no problem, I just remember Dreamweaver has a template like you need.

Do you have this site live? If so can you provide the link?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum