> So put a wrapper div around your columns (actually you've already got
> one -
> container-wrappers). You'll need to give it a height and a width since
> you've
> floated everything inside it, but you can use ems like you did with the
> columns. That'll "center" your floated contents in their container (ie
> the
> container exaclty fits them). Make sure your container-wrapper is
> position:relative
I have done this, but the content still remains on the left side.
> And then use absolute positioning to make your borders.
>
> .top {positon: absolute; top:-1em; left: -1em; right: -1em; height:
> 1em;} /*
> specifying both left and right creates an implied width. We still need
> to to
> specify the hieght. the -1's make it all stay outside the container-
> wrapper
> box.*/
>
> .bottom {position: absolute; bottom: -1em; left: -1em; right: -1em;
> height:
> 1em;
>
> .left {position: absolute; top: 0; bottom: 0; left: -1em; width: 1em;}
> /* top
> and bottom create an implied height this time. we specify a width */
>
> .right {position: absolute; top: 0; bottom: 0; right: -1em; width:
> 1em;}
>
Tim, I've followed your solution but, then I realize that I was no clue
where to apply the .top . bottom .left .right classes...
I happen to find this solution, I just hope it is browser friendly...
I've just:
Float .wrapper3 and overflow:hidden to .container_wrappers.
Like the buttons!!! But on the buttons the overflow:hidden was there to hide
the horizontal scroll, here, however, it avoids wrapper3 to drop.
This way, I don't know why, .wrapper3 don't drop and stays inline. Yupi!! :)
Anyone cares to "drop" a few line or links to the whys of this?
Here is the new version:
http://www.cantinho.org/pt/cantinho-site/rounded_gradient_boxes_v4_clean_up.
html
However, I'd like to avoid to define a width for the container_wrappers. I'd
just prefer that he sticks with the width sum of his contents and still,
centered... but maybe it's not possible ?
Thanks a lot,
Márcio
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
