Weitere ähnliche Inhalte
Mehr von Atsushi Tadokoro (20)
Tau Web0526
- 11. <?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>
- 14. ....( )....
<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>
....( )....
- 16. #header {
padding: 20px;
background: #ccc;
}
#footer {
padding: 20px;
background: #ccc;
}
- 18. #header {
padding: 20px;
background: #ccc;
}
#sidebar {
float: right;
width: 30%;
background: #999;
}
#footer {
padding: 20px;
background: #ccc;
}
- 21. #header {
padding: 20px;
background: #ccc;
}
#sidebar {
float: right;
width: 30%;
background: #999;
}
#content{
margin-right: 32%;
}
#footer {
padding: 20px;
background: #ccc;
}
- 24. ....( )....
<body>
<div id=quot;headerquot;>
<p> </p>
</div>
<div id=quot;contentquot;>
<p> </p>
</div>
<div id=quot;sidebarquot;>
<p> </p>
</div>
<div id=quot;footerquot;>
<p> </p>
</div>
</body>
....( )....
- 26. #header {
padding: 20px;
background: #ccc;
}
#content{
float: left;
width: 68%;
}
#sidebar {
float: right;
width: 30%;
background: #999;
}
#footer {
clear: both;
padding: 20px;
background: #ccc;
}
- 28. 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;
}
- 30. 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;
- 33. 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%;