rollandburn wrote:

>Hi all,  after great help and suggestions from quite a few of the  
>members here I have come to another block in my css training.  After  
>successfully implementing francky's rounded corners and accessible  
>tabs separately, I find that I am having a problem getting the tabs  
>to sit on top of the rounded corner div.  The tabs are sliding down,  
>overlapping the div instead of sitting on top.  Teh following link  
>illlustrates this.....
>
>http://www.rollandburn.com/test.html
>
>again, thanks for un-stumping me! hehe
>  
>
Yes: because the tabs a in a floating div, out of the normal flow of the 
html. A {clear: left;} in the first independent div under it lets the 
new div start below the tabs-bar.
In this case, the first div is the <div class="top-left">, so this class 
gets the clear and you are saved. :-)
And to get IE in line, you can place a non-breaking-space (&nbsp;) 
instead of the normal space between "Add" and "Mortgage" (= compensation 
for the IE-only
fix  "tabNav a {width:0.1em;}" ).
See testpage 
<http://home.tiscali.nl/developerscorner/css-discuss/test-rolland-new.html>.

Greetings,
francky
______________________________________________________________________
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/

Reply via email to