Web Presen1 0611

<?xml version=quot;1.0quot; encoding=quot;utf-8quot;?>
<!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Strict//ENquot;
quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdquot;>
<html xmlns=quot;http://www.w3.org/1999/xhtmlquot;>
<head>
<title></title>
<meta http-equiv=quot;content-typequot; content=quot;text/html;charset=utf-8quot; />
<meta http-equiv=quot;Content-Style-Typequot; content=quot;text/cssquot; />
<link rel=quot;stylesheetquot; type=quot;text/cssquot; href=quot;css/default.cssquot; />
</head>
<body>
<div id=quot;headerquot;>
<p> </p>
</div>
<div id=quot;sidebarquot;>
<p> </p>
</div>
<div id=quot;contentquot;>
<p> </p>
</div>
<div id=quot;footerquot;>
<p> </p>
</div>
</body>
</html>

Header

Content Sidebar

Footer

....( )....
<body>
<p> </p>
</div>
<p> </p>
</div>
<p> </p>
</div>
<p> </p>
</div>
</body>
....( )....

#header {
padding: 20px;
background: #ccc;
}

#footer {
padding: 20px;
background: #ccc;
}

#header {
padding: 20px;
background: #ccc;
}

#sidebar {
float: right;
width: 30%;
background: #999;
}

#footer {
padding: 20px;
background: #ccc;
}

#header {
padding: 20px;
background: #ccc;
}

#sidebar {
float: right;
width: 30%;
background: #999;
}

#content{
margin-right: 32%;
}

#footer {
padding: 20px;
background: #ccc;
}

....( )....
<body>
<p> </p>
</div>
<p> </p>
</div>
<p> </p>
</div>
<p> </p>
</div>
</body>

....( )....

#header {
padding: 20px;
background: #ccc;
}

#content{
float: left;
width: 68%;
}

#sidebar {
float: right;
width: 30%;
background: #999;
}

#footer {
clear: both;
padding: 20px;
background: #ccc;
}

body {
margin:0;
}
#header {
padding: 20px;
background: #ccc;
}
#content{
float: left;
width: 68%;
}
#sidebar {
float: right;
width: 30%;
background: #999;
}
#footer {
clear: both;
padding: 20px;
background: #ccc;
}

body { }
margin:0;
background: #fff; #footer {
} clear: both;
padding: 3%;
#header { background: #ccc;
padding: 3%; }
background: #ccc;
}

#content{
float: left;
width: 65%;
padding-left: 3%;
background: #fff;
}

#sidebar {
float: right;
width: 30%;
background: #999;

body { margin-left: 30px;
margin: 0; }
padding: 0;
} #footer {
padding: 30px;
#sidebar { background: #ccc;
position: absolute; }
top: 100px;
right: 0;
width: 30%;
background: #999;
}

#header {
padding: 30px;
height: 40px;
background: #ccc;
}

#content{
margin-right: 32%;

Web Presen1 0611

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (8)

Mais de Atsushi Tadokoro

Mais de Atsushi Tadokoro (20)

Web Presen1 0611

Notas do Editor