a little of CSS

cachousam

2010-01-27 13:27

Hi
I would like to center the middle column in my page:

http://img39.imageshack.us/img39/3214/acceuilvt.png

I tried many things in files defaut.css without result.
the float attribut dont exist with center,just left or right

Somebody can help me?

i think that the solution is in this line:

/* RIGHT COLUMN STYLES */
#content{float:left;width:472px;padding:10px 0;text-align:center;}

#page{float:right;display:block;width:456px;margin:0 0 10px;padding:0 0 10px;border-top:2px solid #000000;border-bottom:2px solid #000000;border-left:2px solid #000000;border-right:2px solid #000000;text-align:left;}
#orderbody #content{width:100%;}
#orderbody #page{float:none;width:94%;margin:0 auto;}

» Quick.Cart v3.x

Makaron

2010-01-27 16:39

Try to change this line:

to:

cachousam

2010-01-27 17:03

Thanks Makaron.
But it is not the page that i want to center but the column.

Perhaps in this line:

#content{float:left;width:472px;padding:10px 0;text-align:center;}

Thanks o lot

cachousam

2010-01-28 07:44

Please

Any idea?

cachousam

2010-01-28 08:03

If i change the line like this:

#content{display:block;width:424px;margin:0 auto;padding:10px 0;text-align:center;border-top:8px solid #fff;border-bottom:8px solid #fff;border-left:8px solid #fff;border-right:8px solid #fff;}

here is the result:

http://img16.imageshack.us/img16/5895/acceuilbis.jpg

you can see that the column is now center but why my white outline does not follow the page?

Thanks

cachousam

2010-01-28 08:12

I have found:
I had to change the two line like this:


/* RIGHT COLUMN STYLES */
#content{display:block;width:424px;margin:0 auto;padding:10px 0;text-align:center;border-top:8px solid #fff;border-bottom:8px solid #fff;border-left:8px solid #fff;border-right:8px solid #fff;}

#page{display:block;width:408px;margin:0 auto;padding:0 0 10px;border-top:2px solid #000000;border-bottom:2px solid #000000;border-left:2px solid #000000;border-right:2px solid #000000;text-align:left;}

I do not know why but it is fine!!

Thanks Makaron for your way.

The good result is:

http://img41.imageshack.us/img41/3633/acceuilfinalj.jpg