Trouble with 3 Column CSS Layout

I've been working on creating a new site layout with CSS and HTML, but this is the first time i've done it by myself (without tables) and am running into problems. It's for a wordpress site so i've simplified the html a little bit to show what you need for the layout.

Obviously (screenshot below), the text in sidebar_left is getting out of the sidebar...even though a border shows that it is not that big.

Also, I'd be open to any other suggestions you all might have.

CSS Code:

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;

IE6 Double Float bug

Hi all,

I'm having an issue on some floated divs in IE6. I've added the double margin bug fix of: display:inline but that's not solved the issue. Am I missing something very obvious here?

http://www.zoost.ie/work

The HTML:

		<div id="portfolio">
			<!-- Post Starts -->
			<div class="post block fl Web">
				<p>
					<strong>Project</strong>
				</p>

Display differences - Firefox and IE6&7

Hi All Smile

I'm new to this forum so bare with me.

I am having issues with the display of my clients website, www.perfectimagery.co.nz , whereby the menu will not center in IE and the spacing between the menu - header - content - footer is different when displayed in firefox and IE6&7.

I have tried editing the Style.css and the theme I'm using does allow for differnt style.css for IE6, IE7 and other browsers.

Below is my style.css code for the main style.css file.

dynamic columns width and fixed space between them

Hello everyone,
I'm a CSS newbie and I'd like to have 3 columns with fixed space between them (let us say 10px) and the columns have to use all the available width.
The issue is I'm trying to mix fixed space (in pixel) with dynamic width.

Is it possible to achieve so?

Hope it's clear enough otherwise, please ask for more details.

Thanks and have a nice day.

Layout help - 2 images and text

Hi there, I am trying to create in html and css a layout exactly the same as what I have included ( example.jpg)

example.jpg

I beleive the best way to have this would be to have

    and

I would like to ahve Div's inside Div's, would this be the best way ?

I ahve included my html code so far and my css.

I hope someone can help.

Thank you Smile

HTML:

Syndicate content