View Full Version : IE7 BasicDialog Tabs Top Border

6 Nov 2006, 6:49 AM
First off, unbelievable work. Not only does everything look great, the code is equally well thought out.

I just started to play around with some examples from your recent blog post on BasicDialogs. In IE7, I noticed that the top border doesn't show around the tab area.

.ytab-wrap {
border-bottom:1px solid #6593cf;

Oddly enough, it does show up if I bump the height to 2px-- but showing 2px in height. I'm not sure what would necessarily cause that flip of visibility between 1px and 2px.

6 Nov 2006, 4:17 PM
This was a very difficult one. I have uploaded an updated CSS file:


Gives this try, it seems to work great everywhere.

6 Nov 2006, 11:30 PM
Nice, not sure what you did, but it works correctly on your site-- I think I just need to re-update my local sandbox to get the same fix applied (just copying over basic-dialog.css to a b3 download didn't seem to correct it, which is fine :-).

21 Nov 2006, 6:33 AM
I am having the same problem with IE6 (firefox 1.5 is ok). I have replaced the basic-dialog from b3 with rc1 but the problem still exists.

21 Nov 2006, 7:07 AM
Did you also replace the css?

Also, did you include reset.css?

21 Nov 2006, 7:40 AM
yeah, the baisc-dialog.css only. I will try the reset too.

21 Nov 2006, 8:09 AM
reset.css is generally a must for yui-ext. I have added a line to tabs.css that will make it not required in the future.

.ytab-strip td{

22 Nov 2006, 1:53 AM
Thanks again Jack, that fixed it.