> Very nice, when you have it done please drop me an email so I can see > it. I'll review then. > Thanks. > tedd > http://sperling.com http://ancientstones.com http://earthstones.com
Kinda figured out having shadows is above my level of knowledge, like the bottom of the tabs in Sliding Doors part II have borders on the bottom of them so that if no tab is selected the background doesnt leak through, so the border is set there to simulate one. But that ruins shadow and bottom of the tab blending with each other. I did manage to come up with some stuff though: Semantically this one makes most sense, but has nasty code, i dont like idea of floating the right top corner div to make it working. I tried negative margins instead and pulling up that top right corner, but in FF, it doesnt work as it doesnt want to go past where the headers bottom padding ends. http://arihoj.freehostia.com/css/slidingDoors_roundedContainer/method1/sd3.html Note: there is a #top-left div for no reason really, the top-left corner is actually included in the background of the #header for the tabs, as thats how Sliding Doors does it (but they use simple 1px border versus rounded corner i added). This one semantically makes less sense as the top right div is also included in #header. http://arihoj.freehostia.com/css/slidingDoors_roundedContainer/method2/slidingdoors3.html This one is a followup to above design:with a gradient inside: http://arihoj.freehostia.com/css/slidingDoors_roundedContainer/method2_addBGinside/slidingdoors3.html For IE6/7 i had to give the #bg or #content element layout i think (used simple zoom:1;), not sure why. otherwise rounded corners 'mix' with the inside area gradient. I had to review alistapart.com's sliding doors' tutorial, to get down with basics 1st. I am a bit shaky with that still so maybe someone can improve code i added Ari. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
