Hello All,
This is my first real attempt at trying out CSS, so I would want someone to
go through my below style and comment or review.
Regards,
Janus
<html>
<head>
<title>Hoo</title>
</head>
<link href="foo.css" media="all" rel="stylesheet" type="text/css">
<body>
<div id="pagewrap">
<div id = "header">
<h3>Maamariga</h3>
<span id="htext"></span>
</div>
<div id = "left">
</div>
<div id = "center">
</div>
<div id = "right">
</div>
<div id = "footer">
</div>
</div>
</body>
</html>
-html,body{background:#CCC;color:#000;margin:0;padding:0;}
h2, div{margin:0;padding:0;}
#header {
width:1030px;
background-color:#DE4;
height:100px;
margin-right:6px;
margin-left:6px;
padding-top:10px;
padding-left:5px;
}
#left {
position:absolute;
float:left;
width:240px;
background-color:yellow;
margin-left:6px;
}
#center {
position:absolute;
float:left;
width:500px;
background-color:blue;
margin-left:246px;
}
#right {
float:left;
width:290px;
background-color:yellow;
margin-left:746px;
margin-right:0px;
}
#footer {
clear: both;
position: relative;
width:1030px;
background-color:#DE4;
height:100px;
margin-right:0px;
margin-left:6px;
padding-top:2px;
}
p { margin:2px;padding:1.5px}
span { margin-top:20px}
h3{margin-bottom:0px;margin-top:0px}
#htext{ margin-left:20px;margin-top:20px;font-size:20px;}
#pagewrap {
margin-right:96px;
margin-left:98px;
width:1036px;
height:100%;
min-height:100%;
background-color:#BE4;
padding-left: 0px;
}
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
