I'm new to movable type and css. My blog looks like it has polio. the div id=content is so much longer than the div id=link. is there a way to match the 2 divs? any help would be much appreciated.
http://cyril.916xl.com/
Full Version: div link
Hey there
To get your coloums to look a little better try using the float method.
Firstly have a div that specifies the width of the main content then nest the two column divs inside. Making sure that it is the parent div that has the bgcolour specified.
Then let's say the width of #main is 600px make #content 400px and float it to the left like below. The links coloumn will then end up to the right of your content column.
Hope that's clear, I'm not so hot at helping people.
To get your coloums to look a little better try using the float method.
Firstly have a div that specifies the width of the main content then nest the two column divs inside. Making sure that it is the parent div that has the bgcolour specified.
CODE
<div id="main">
<div id="content">
</div>
<div class="links">
</div>
</div>
<div id="content">
</div>
<div class="links">
</div>
</div>
Then let's say the width of #main is 600px make #content 400px and float it to the left like below. The links coloumn will then end up to the right of your content column.
CODE
#main
{
background-color:#;
width:600px;
}
#content {
float:left;
width:400px;
}
{
background-color:#;
width:600px;
}
#content {
float:left;
width:400px;
}
Hope that's clear, I'm not so hot at helping people.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.