hi there, I have used some code in my webpage but i'm having trouble editing it.
i've put the code at the bottom.
basically, I need to have the middle part of the page where the content is going colour #E9D7C3.
I tried using this in the 'background' css - but this doesn't seem to work.
Could someone please paste this code into Dreamweaver and give me an idea where i'm going wrong?
I have tried all sorts of padding settings etc..
any helpis gratefully received
i've put the code at the bottom.
basically, I need to have the middle part of the page where the content is going colour #E9D7C3.
I tried using this in the 'background' css - but this doesn't seem to work.
Could someone please paste this code into Dreamweaver and give me an idea where i'm going wrong?
I have tried all sorts of padding settings etc..
any helpis gratefully received
Code:
<title> Pinewood Hotel - Opening In Style</title>
<meta name="Author" content="Matthew Johnson" />
<style type="text/css">
/* the bit that does the work */
body {
margin:0;
border:0;
padding:0;
height:100%;
max-height:100%;
background:#E9D7C3;
font-family:arial, verdana, sans-serif;
font-size:76%;
overflow: hidden;
}
/* for internet explorer */
* html body {
padding:120px 0 50px 0;
}
#container {
font-family:"times new roman", serif;
font-size: 1.2em;
position:fixed;
top:120px;
left:0;
bottom:50px;
right:0;
overflow:auto;
background:#fff;
padding:70px;
text-align:left;
}
* html #container {
height:100%;
width:100%;
}
#header {
position:absolute;
top:0;
left:0;
width:100%;
height:180px;
overflow:auto;
background:#000000;
border-bottom:4px solid #8E6239;
}
* html #header {height:170px;}
#footer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:45px;
overflow:auto;
text-align:right;
background:#000000;
border-top:5px solid #8E6239;
}
* html #footer {height:50px;}
/* end of bit that does the work */
h1 {font-size:4em; margin:0; padding:0;}
#footer p {
color:#fff;
margin:5px 10px 0 10px;
}
#header img {
margin:10px 10px 0 10px;
}
#container img {margin:5px;}
#absolute {
position:absolute;
top:400px;
right:100px;
width:200px;
background:#ddd;
padding:10px;
border:1px solid #000;
}
#left {
float:left;
background:#eee;
padding:10px;
border:1px solid #000;
color:#000;
width:50%;
}
#right {
float:right;
background:#ddd;
padding:10px;
border:1px solid #000;
color:#000;
}
a, a:visited {
font-size:1.1em;
text-decoration:none;
color:#ddd;
}
a:hover {
color:#fff;
text-decoration:none;
}
.grey {color:#888;}
.ltgrey {color:#ddd;}
img#mascot {float:right;}
#header ul {
clear:both;
text-align:center;
border-top:1px solid #E9D7C3;
}
#header ul {
margin:0;
padding:0;
list-style-type:none;
background:transparent;
height:3em;
}
#header ul li {
display:inline;
color:#666666;
}
.strike {text-decoration:line-through;}
.lft {float:left;}
.rgt{float:right;}
.columnone, .columntwo {width:31%; float:left; text-align:justify; margin-right:2%;}
.columnthree {text-align:justify; border:1px solid #fff;}
* html .columnthree {border:0;}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;}
.columnthree a, .columnthree a:visited {font-size:1em; color:#000; text-decoration:underline;}
.columnthree a:hover {color:#888; text-decoration:none;}
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
}
a:link {
color: #fff;
}
</style>
</head>
<body>
<div id="container">
<p>
</p>
</div>
<div id="header">
<div align="center"><img src="pinewood_logo.gif" alt="Fusion Labels LLP" width="163" height="132" title="Fusion Labels LLP" />
</div>
<ul>
<li><a href="../index.html" title="AccessKey: 1" accesskey="1">Home</a> | </li>
<li><a href="../menu/index.html" title="AccessKey: a" accesskey="a">Iron-On Labels</a> | </li>
<li><a href="../menus/index.html" title="AccessKey: b" accesskey="b">Vinyl Labels</a> | </li>
<li><a href="../layouts/index.html" title="AccessKey: c" accesskey="c">Contact Us</a> | </li>
</ul>
</div>
<div id="footer">
<p class="lft"> </p>
<p></p>
</div>
</body>
</html>