i need to make two divs adjacent to create a thinner links column to the left compared to the main content column to the right. do i use the float attribute?
ps. i have taken into account some code posted earlier regarding this
but im sure there's just a couple of lines need adding for this now.
<!-- w --><a class="postlink" href="http://www.huntersonline.org.uk/new/It's">www.huntersonline.org.uk/new/It's</a><!-- w --> not clear what you need. Do you want to put links below the green text in the existing left column or do you want to add a third column?i hope this is clear. the bit saying 'The home of the Hunter family on the web' needs to be to the left of the main div
cheersSee if this is what you're looking for:
#leftcolumn {
background-color: white;
padding: 10px;
width: 200px;
float: left;
color: #01ab0c;
font-size: 0.8em;
}
#content {
background-color: white;
padding: 10px 10px 10px 220px;
}
#footer {
background-color: #01ab0c;
width: 690px;
padding: 5px;
border-top: #D0D0D0 2px solid;
font-size: 0.9em;
clear: both;
}the bit saying 'The home of the Hunter family on the web' needs to be to the left of the main divOh. You're looking at it in IE; it's already arranged that way when viewed with a web browser although the div doesn't go down to the footer.that code worked a treat thanks
btw it didnt work in IE for me previously
the only thing is now is the browser differences. IE netscape FF and opera all display differently due to the various padding etc. probs. does anybody have ideas? such as browser hacks?
cheersbrowser hacks for the rendering differences anyone?
thanksThe main thing I've found is to not assume any margins, paddings, line-heights, or border-widths will be the same for any elements on different browsers unless you explicitly set them.thanks il try declaring everything
ps. i have taken into account some code posted earlier regarding this
but im sure there's just a couple of lines need adding for this now.<!-- w --><a class="postlink" href="http://www.huntersonline.org.uk/new/It's">www.huntersonline.org.uk/new/It's</a><!-- w --> not clear what you need. Do you want to put links below the green text in the existing left column or do you want to add a third column?i hope this is clear. the bit saying 'The home of the Hunter family on the web' needs to be to the left of the main div
cheersSee if this is what you're looking for:
#leftcolumn {
background-color: white;
padding: 10px;
width: 200px;
float: left;
color: #01ab0c;
font-size: 0.8em;
}
#content {
background-color: white;
padding: 10px 10px 10px 220px;
}
#footer {
background-color: #01ab0c;
width: 690px;
padding: 5px;
border-top: #D0D0D0 2px solid;
font-size: 0.9em;
clear: both;
}the bit saying 'The home of the Hunter family on the web' needs to be to the left of the main divOh. You're looking at it in IE; it's already arranged that way when viewed with a web browser although the div doesn't go down to the footer.that code worked a treat thanks
btw it didnt work in IE for me previously
the only thing is now is the browser differences. IE netscape FF and opera all display differently due to the various padding etc. probs. does anybody have ideas? such as browser hacks?
cheersbrowser hacks for the rendering differences anyone?
thanksThe main thing I've found is to not assume any margins, paddings, line-heights, or border-widths will be the same for any elements on different browsers unless you explicitly set them.thanks il try declaring everything