Nov 7th, 2007, 19:44
|
 |
Moderator
|
|
Join Date: Apr 2007
Location: Scotland, UK
Age: 15
Posts: 1,649
Thanks: 0
Thanked 8 Times in 8 Posts
|
|
|
Re: Multiple Site issues
You don't need absoloute positioning... I have drawn up a quick example for you although you will need to slice your header and footer up!
- HTML: Select all
<!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>Untitled Document</title>
<style type="text/css">
div, body {
margin:0;
padding:0;
}
#wrapper {
width:800px;
margin:100px auto;
border:1px solid #000;
min-height:800px;
}
#header {
height:200px;
width:800px;
background-color:#00CCFF;
/* background-image: url(myimage.jpg); */
}
#navigation {
float:right;
margin: 15px 100px;
}
#navigation ul li {
list-style:none;
}
h1{
text-align:center;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="navigation">
<ul>
<li><a href="#">/Home/</a></li>
<li><a href="#">/Services/</a></li>
</ul>
</div>
</div>
<div id="content">
<h1>/Content/</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean venenatis fermentum tellus. Nullam elementum. Quisque nec nibh. Nullam odio massa, pretium a, ultricies ac, dignissim et, felis. Donec a massa at risus viverra eleifend. Aliquam erat volutpat. Vestibulum ullamcorper, metus non blandit dignissim, felis ante iaculis lacus, vitae placerat sem erat in est. Vivamus tincidunt, neque a imperdiet cursus, mauris nulla luctus quam, in varius turpis urna sit amet felis. Nam ornare vestibulum libero. Sed sagittis diam a turpis. Praesent lobortis pulvinar neque. Morbi condimentum, odio vel volutpat mattis, risus neque tempor lorem, eu pharetra lacus dolor id lacus. Nulla quam lorem, fermentum id, lobortis ac, lobortis vitae, nisi. Nam magna odio, elementum ut, mattis eu, blandit at, libero. Praesent non arcu. Vestibulum nonummy lacus eget pede. Duis ultrices malesuada nibh. Pellentesque nisl odio, dignissim ac, hendrerit sit amet, accumsan vel, libero. Aliquam erat volutpat. Donec porttitor fringilla mauris. Pellentesque volutpat volutpat ligula. Aliquam erat volutpat. Sed turpis urna, ultricies et, bibendum non, pharetra sed, libero. Cras tempus arcu at nulla. Nulla vulputate pede rhoncus erat. Ut mattis hendrerit sem. Pellentesque eu lorem. In venenatis volutpat odio. Nulla leo. Nunc tincidunt. Nullam commodo dolor nec metus. Fusce rutrum. Fusce a odio. Praesent id felis. Mauris ante. Praesent suscipit aliquet felis. Nulla eu orci a ligula hendrerit suscipit. Curabitur non dolor vestibulum neque vestibulum lacinia. In dui nisi, auctor non, blandit vitae, dictum a, diam. Aenean gravida velit eget enim. Mauris tempus scelerisque lorem. Integer sit amet orci eu urna rhoncus feugiat. Pellentesque rutrum leo ut justo. Pellentesque eget diam. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum pede. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque leo augue, iaculis non, fringilla in, bibendum id, tellus. Vestibulum vel tellus. Aenean rhoncus libero at dolor. Fusce quis magna. Maecenas at turpis. Etiam tincidunt. Etiam et lectus. In lacinia. Mauris vestibulum mollis arcu. Ut dolor. Nulla et dui id metus euismod gravida. Donec molestie vulputate orci. Donec id purus ac lacus tristique gravida. Mauris commodo. Etiam tortor. Quisque porta venenatis enim. Nunc tristique. Nulla tincidunt malesuada mi. Ut commodo orci vel enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent convallis cursus quam. Duis libero felis, bibendum ut, cursus id, dictum a, tellus. Pellentesque nunc erat, dictum a, iaculis vel, volutpat interdum, neque. Vivamus quis enim. Quisque vulputate turpis quis justo. Vestibulum ullamcorper augue id dolor. Aliquam erat volutpat. Etiam nisl augue, condimentum eget, gravida vitae, varius porta, orci.</p>
</div>
</div>
</body>
</html>
|
Multiple Site issues
Similar Threads
