well ive pretty much got it straightened out now...but it has a few bugs..when i few it in firefox it doesnt display my right column...and in IE7 it doesnt display my left column...
here is my code...
- Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<metta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<style type="text/css">
#header{
margin: 0px 0px 0px 0px;
background: #c8c8c8;
width: 1024px;
}
#leftFrame{
position: absolute;
width: 200px;
background: #ffff66;
padding-bottom: 10px;
height: 600px;
}
#mainFrame{
margin-left: 200px;
width: 624px;
background: #c8c8c8;
padding-bottom: 10px;
height: 600px;
}
#rightFrame{
position: absolute;
width: 200px;
background: #ffff66;
padding-bottom: 10px;
height: 600px;
}
p{
font-size: 14px;
margin: 0px 10px 10px 10px;
}
</style>
</head>
<body>
<div id="header">
<div align="center"><img name="blahblah" src="blahblah.jpg" width="1024" height="85" border="0" id="blahblah" /></div>
</div>
<div id="leftFrame">
<p>This is my left frame if all went well</p>
</div>
<div id="mainFrame">
<p>This is my main frame</p>
</div>
<div id="rightFrame">
<p>This is my right frame hopefully</p>
</div>
</body>
</html>
i havent had a chance to upload this to my actual site yet..but when i do, ill be sure to post the link..