1 reply to this topic

[VakhoQ]

I have just make 5 divs,

<div style="border-style:solid;  border-width:2px;  width:1024px; position:absolute;">  /* the main div */


<div style="float:left; width:200px;"><a href="#">1</a></div>

<div style="float:left; width:200px;"><a href="#">2</a></div>

<div style="float:left; width:200px;"><a href="#">3</a></div>

<div style="float:left; width:200px;"><a href="#">4</a></div>

<div style="float:left; width:200px;"><a href="#">5</a></div>


</div>

now I want to move this div in the center of the monitor. but align="center" does not work here.. could you help me?

I'm working here: http://vakho.comyr.com/wiksi/
the div have to be in the center.

[amrosama]

use :

<div style="border-style:solid;  border-width:2px;  width:1024px;margin:0 auto;">  /* the main div */ 


<div style="float:left; width:200px;"><a href="#">1</a></div> 

<div style="float:left; width:200px;"><a href="#">2</a></div> 

<div style="float:left; width:200px;"><a href="#">3</a></div> 

<div style="float:left; width:200px;"><a href="#">4</a></div> 

<div style="float:left; width:200px;"><a href="#">5</a></div> 


</div> 

margin:0 auto; works when the width of the div is fixed/specified in css.
Also I'm not sure if you really need the "position:absolute;" in the outer div style