02-23-2009, 10:22 PM
|
#7 (permalink)
|
|
The Contributor
Join Date: Feb 2009
Posts: 73
Thanks: 30
|
That is also simple.You need to nest it in some [div] tag.
Here is it.
I checked it in firefox.
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>{$title}</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
<div id="container" >
<div id="header">
<div id="logo">f</div>
<div id="head">head</div>
</div>
<div id="list">LIst list list </div>
<div id="contents">
<div id="bar">sadfsdfs</div>
<div id="main">sfsdf</div>
</div>
<table>
</div></body>
</html>
|
Quote:
@CHARSET "ISO-8859-1";
body{
margin:0;
padding:0;
}
#container{
width:760px;
margin:auto;
background:#8CC6FF;
padding:15px;
}
#contents{
border:1px solid;
height:500px;
top:150px;
}
#header{
top:15px;
//background:green;
height:150px;
margin-bottom:15px;
}
#logo{
background:blue;
width:150px;
height:150px;
padding-left:15px;
position:absolute;
}
#head{
background:green;
height:150px;
float:right;
padding-left:15px;
width:565px;
}
#list
{
background:gold;
margin-bottom:15px;
}
#bar{
background:blue;
width:150px;
padding-left:15px;
position:absolute;
}
#main{
background:blue;;
height:150px;
float:right;
padding-left:15px;
width:565px;
}
|
|
|
|
|