need template...
Posted: Fri Mar 31, 2006 4:52 pm
Does anyone know howto make a template and css files for this page??
http://www.webdezign.no/eulven/TEMPLATE.JPG
Thanks
http://www.webdezign.no/eulven/TEMPLATE.JPG
Thanks
Content management as it is meant to be
https://forum.cmsmadesimple.org/
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<__html>
<head>
<title>New Document</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style>
* {
/* setting for all elements */
margin: 0;
padding: 0;
}
#body {
text-align: center; /* just aligning for IE - margin: auto does not work */
}
#overall {
background-color: blue;
width: 700px;
margin: 0 auto;
}
#header {
margin: 10px 0 0 0;
text-align: right;
width: 700px;
clear: both;
background-color: red;
}
#page {
width: 700px;
background-color: green;
}
#left_col {
float: left;
width: 200px;
background-color: pink;
}
.left_advert {
margin: 0 0 10px 0;
background-color: yellow;
}
#main {
margin-left: 210px;
background-color: green;
}
#top_advert {
margin-bottom: 10px;
background-color: lime;
}
#navigation {
background-color: maroon;
margin-bottom: 10px;
}
#content {
background-color: teal;
}
</style>
</head>
</__body>
<div id="overall">
<div id="header">
company
</div>
<div id="page">
<div id="left_col">
<div class="left_advert">
advert
</div>
<div class="left_advert">
advert
</div>
</div>
<div id="main">
<div id="top_advert">
top advert
</div>
<div id="navigation">
navigation
</div>
<div id="content">
content
</div>
</div>
</div>
</div>
<__body>
</__html>
Most of the time you dont even need the overall container (I myself try to get away fith as few div's as possible)Nogga wrote: A overall div-container containing all elements - this one has a certain width and is centered.
Code: Select all
body {
width:50em;
margin:0 auto;
}
yep, and actually there is html tag before bodyNogga wrote: thx - I didn't know that, but I think its more consistent to use a separated overall container. In my view the body container is the viewport of the browser's window and resizing this... I don't know.