[camaero]

Hello,

I'm trying to center 3 fluid divs on a row and I can't seem to get it to work. I'm using dreamweaver CS6 and my page currently looks like this:



I want those divs to be centered. What is the best way to go about doing this?

[Dormilich]

how did you position those divs?

[camaero]

Basically it's this:

<div id="featuredholder">
  <div id="item1">PRODUCTS SHOWN HERE
  </div>
  <div id="item2">PRODUCTS SHOWN HjERE
  </div>
  <div id="item3">PRODUCTS SHOWN HERE
  </div>
  <div id="item4">PRODUCTS SHOWN HERE
  </div>
  <div id="item5">PRODUCTS SHOWN HERE
  </div>
  <div id="item6">PRODUCTS SHOWN HERE
  </div>
   </div>
  

and:

#item1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.6007%;
	display: block;
}
#item2 {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 32.6007%;
	display: block;
}
#item3 {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 32.6007%;
	display: block;
}
#item4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.6007%;
	display: block;
}
#item5 {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 32.6007%;
	display: block;
}
#item6 {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 32.6007%;
	display: block;
}
#featuredholder {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

[Dormilich]

then your best bet is to reduce the parent block element to the combined width and center that one (e.g. via auto-margins)

[camaero]

Could I also just have them expand to the full width of the page equally? If so, what would be the best way to do so?

Appreciate the help!

[Dormilich]

you could try to give the width in percent.