|
Subject:
|
Three column design
|
|
Posted By:
|
beetle_jaipur
|
Post Date:
|
2/15/2006 1:32:28 AM
|
hi
i want to make a three column design in my web page and i tried it with using css, i dont know why this is not working, can any one help me,
here is the css code
#Contents{
position: relative;
width:990px;
float:left;
}
#Section1 {
width:180px;
height:auto;
margin-left:15px;
clear:left;
}
#Section2 {
width: 565 px;
height:auto;
margin-left:5px;
clear:left;
}
#Section3 {
width:205px;
height:auto;
margin-left:5px;
clear:left;
}
and this is the html code
<div id="Contents">
<div id="Section1"><p>Sample Text </p><h2> Test Section one </h2></div>
<div id="Section2"><p> Sample of section 2</p></div>
</div>
thanks
ashok sharma
|
|
Reply By:
|
Kong
|
Reply Date:
|
2/15/2006 5:52:59 AM
|
You have written clear:left rather then float:left.
|
|
Reply By:
|
beetle_jaipur
|
Reply Date:
|
2/15/2006 9:20:34 AM
|
quote:
Originally posted by Kong
You have written clear:left rather then float:left.
thanks,
that was a silly mistake,
its working now
regards
|
