last questions...

[philjohns]

OK, I promise this will be my last question regarding css and divs!!!

Phil Johns Imaging - Website and Graphic Design

Why is my 3rd div (the green one) positioned like this instead of being in line with the other??!!!

Thanks all

[rossable]

could cave to do with a float issue. try putting clear:both; on it and see what happens.

without seeing code that's all i can suggest.

[philjohns]

Im off to school now but this is the css code of that page:

#page-container {
	width: 945px;
	height: 545px;
	margin: auto;
	background: url(images/background.gif);
	background-repeat: no-repeat;
	font-family: sans-serif;	
}

html, body {
	margin: 5px;
	padding: 0px;
}

#header {
	width: 830px;
	height: 60px;
	margin: auto
}

#main-nav {
	width: 830px;
	height: 25px;
	margin: auto;
	padding-top: 3px;
}

#content-container {
	width: 830px;
	margin: auto;
}

#left-column {
	background: red;
	float: left;
	width: 275px;
	height: 380px;
	font-size: 80%
}

#center-column {
	background: yellow;
	margin-left: 275px;
	width: 275px;
	height: 380px
}

#right-column {
	background: green;
	margin-left: 555px;
	width: 275px;
	height: 380px
}

#footer {
	width: 830px;
	height: 30px;
	margin: auto;
	font-size: 70%
}

a:link {
color: #666666;
text-decoration: none;
}

a:visited {
color: #333333;
text-decoration: none;
}

[picky-very-picky]

Yep Float left, clear: both should do the trick

Floatutorial: Some definitions

[philjohns]

Gave that a go and it didnt work...thanks anyway.

I actually had to remove the "margin-left: 275px" of the center column for it to work!