PDA

View Full Version : IE7 BasicDialog Tabs Top Border



hookomjj
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;
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
6 Nov 2006, 4:17 PM
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
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 :-).

valc
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.

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

Also, did you include reset.css?

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

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

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