IE7 BasicDialog Tabs Top Border

[hookomjj]

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;
padding-top:2px;
position:relative;
}

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.

[jack.slocum]

This was a very difficult one. I have uploaded an updated CSS file:

http://www.jackslocum.com/blog/css/basic-dialog.css

Gives this try, it seems to work great everywhere.

[hookomjj]

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 :-).

[valc]

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.

[jack.slocum]

Did you also replace the css?

Also, did you include reset.css?

[valc]

yeah, the baisc-dialog.css only. I will try the reset too.

[jack.slocum]

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{
padding:0px;
padding-left:2px;
}

[valc]

Thanks again Jack, that fixed it.