Hello all, I guess there is no super solution to use sliding faux columns and rounded corners at same time but here is my documented Advantages and Disadvantage's of each method I tried (with a Question about method 3 so I'll mention that one 1st)...
Ran into an issue for a fixed layout I made (link to it is provided in paragraph after this one)... The clearing div in IE doesn't seem to be working. The background-images for #body2 and #body1, are instead being 'pushed over' into the right #sidebar area. The clearing div is in proper place I think, so not sure why #body2 doesnt seem to think it is containing the floats within it. Method3: Uses a Fixed Layout to achieve a compromise... 'Non-Sliding' Faux Columns with Rounded Corners A. Advantage: Transparent Corners so background can be a gradient B. Advantage: Doesn't add that extra padding to the right side, so in my case i can use that extra space to make my bottom borders on the sidebar navigation extend all the way to the right. C. Disadvantage: Is a fixed width so does not scale to user selected font-size Example: http://arihoj.freehostia.com/rsfc/rsfc_fixed.html Method1: Uses padding to place background images A. Advantage: Uses padding to push the images in a way that they can bleed-though (transparent, so can have gradient background behind them), B. Advantage: Is sliding so faux columns adapt to user adaptable width (for example by making browser font-size bigger) C. Disadvantage: but may not want that extra padding space on the sides of the content areas Example: http://arihoj.freehostia.com/rsfc/rsfc.html <http://arihoj.freehostia.com/rsfc/rsfc.html> Method2: Negative margins used to place background images A. Advantage: No padding on the sides like previous example, notice how the bottom borders on #sidebar extend all the way to the right B. Advantage: Is sliding so faux columns adapt to user adaptable width (for example by making browser font-size bigger) C. Disadvantage: The corner images cannot be transparent/[no gradient background can be used]) as you can see they need to be replaced with images with corners whose transparent area is replaced with the background color on the page behind it. Example: http://arihoj.freehostia.com/rsfc/rsfc_negMargins.html Anyway hope someone found the examples I made useful, Didnt see too many examples on the web for making Sliding Faux Columns with Rounded Corners Arian ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
