this is my first attempt at html with css styling
could someone please advise how to add a centre collumm to this code, i want the right collumm to be around 50px
HTML
CSS
Can you also tell me if what ive done so far is correct?
thanks
could someone please advise how to add a centre collumm to this code, i want the right collumm to be around 50px
HTML
Code:
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<p>header</p>
</div>
<div id="container">
<div id="left">
<p>left</p>
</div>
<div id="right">
<p>right</p>
</div>
</div>
<div id="footer">
<p>footer</p>
</div>
</body>
</html>CSS
Code:
#header
{
margin-left:auto;
margin-right:auto;
width:1000px;
background-color:#b0e0e6;
text-align: center;
height:100px;
margin-bottom: 1px;
font-family: tahoma;
font-size: 12px;
}
#container
{
margin-left:auto;
margin-right:auto;
width:1000px;;
height:500px;
}
#left
{
width:240px;
background-color:#b0e0e6;
float:left;
text-align: center;
font-family: tahoma;
font-size: 12px;
height:500px;
}
#right
{
width:1000px;
height:500px;
float:right
text-align: left;
font-family: tahoma;
font-size: 12px;
background-color:#CCCCCC;
}
#footer
{
width:1000px;
height:50px;
margin-left:auto;
margin-right:auto;
text-align: centre;
font-family: tahoma;
font-size: 12px;
background-color:#999999;
}Can you also tell me if what ive done so far is correct?
thanks