Re: [css-d] Tabs not displaying right in IE

2007-02-25 Thread Brian Jones 
On 2/22/07, francky [EMAIL PROTECTED] wrote:
 See fresh testpage
 http://home.tiscali.nl/developerscorner/css-discuss/test-astro_tabs.html


Thanks for the help francky...it works great
__
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/

Re: [css-d] Tabs not displaying right in IE

2007-02-22 Thread francky 
Brian Jones schreef:
 Hi,

 I have created a tab navigation menu and it displays fine in Firefox,
 but in IE there is a gap between the tabs and the tabbox. I've tried
 playing around with it but I still can't get it to display correctly
 in both browsers. Any help would be greatly appreciated.

 Here's the html
 http://astro.temple.edu/~tua14115/tabs.html


 Here's the css
 http://astro.temple.edu/~tua14115/css/tabs.css

 Thanx
Hi Brian,
The margin-top of 10px for the #tabbox is not good for IE: can be 
deleted. Then give HasLayout [1] for IE with { height: 1%;} in the 
#tabbox. No more problem. :-)
Some other things:

* The fixed line-height (13px) of the #tab is pulverizing the
  ability for good font-scaling by the visitor; can be deleted.
* Setting a font-family for the tabs will enable a better
  positioning of the tab texts (by fine tuning of the margins /
  paddings).
* Enlarging the background images for the tabs is also needed for
  clientside font-scaling.
* Adding bg colors for the tabs is satisfying the css-validator
  warnings, and enabling visitors with disabled background images to
  see the tabs as well.

See fresh testpage 
http://home.tiscali.nl/developerscorner/css-discuss/test-astro_tabs.html

Success and greetings,
francky

[1]
http://www.satzansatz.de/cssd/onhavinglayout.html

__
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/

Re: [css-d] Tabs not displaying right in IE

2007-02-22 Thread David Hucklesby 
On Thu, 22 Feb 2007 13:45:31 -0500, Brian Jones wrote:

 I have created a tab navigation menu and it displays fine in Firefox, but in 
 IE there
 is a gap between the tabs and the tabbox. [...]

 Here's the html
 http://astro.temple.edu/~tua14115/tabs.html

 Here's the css
 http://astro.temple.edu/~tua14115/css/tabs.css

Hi Brian,

It looks like IE is applying the 10px top margin you assigned to #tabbox.
Try removing that. The margin should, I believe, slide under any preceding
float, but IE has been known to do some things oddly.

BTW - The design is not altogether successful on my computer, even
at medium font sizes. In common with high definition laptops, mine
is set to 120 DPI. This makes font-sizes 25% bigger in IE and Opera,
so the text overflows the tabs.

Cordially,
David
--
www.hucklesby.com



__
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/