Floating Colums Forced Under

[Petrolhead]

Hi there,

I am having an issue where I am trying to align 3 columns.

The central column is being displayed to the left on the top of the page, and the left and right columns are being forced under.

Could anyone help me out, I'm having real trouble getting this one to work.

http://79.170.44.100/thomas-irvine.com/

Excerpt from CSS below.

#wrapper{
  width: 1000px;
  background: #FFF8DC;
  border: 0px solid;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 0;

}

#content{
  float: center;
  padding-top: 20px;
  padding-left: 0px;
  padding-right: 0px;
  background: #FFF8DC;
  text-align: left;
  margin: 0;
  width: 300px;
}

#sidebar {
	background: #FFF8DC;
	float: left;
	width: 200px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font: normal normal 70%/125% 'Lucida Grande', Verdana, arial, sans-serif;
	color: black;
	border: 0;
	letter-spacing: 0;
	margin: 0;
}

#linksbar {
	background: #FFF8DC;
	float: right;
	width: 200px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font: normal normal 70%/125% 'Lucida Grande', Verdana, arial, sans-serif;
	color: black;
	border: 0;
	letter-spacing: 0;
	margin: 0;
}

#clearer {
	clear: both;
	height: 0;
}

 

[BillyRayPreachersSon]

Add 'float:left' to the #content rule...

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[Petrolhead]

I have added float left and also tried float right.

This does line the 3 columns up but forces my content column to either the far left or the right,not the middle.

 

[BillyRayPreachersSon]

Have you tried swapping the source order of your columns, or do you need them in that order?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[Petrolhead]

Hi Dan,

That got it,

Thanks for the help. Don't know how you guys get so good at this, doing this website has been such a steep learning curve for me.

Many thanks again.