Elxis CMS Forum

Extensions => Templates => Topic started by: Ru Dee on April 19, 2008, 02:56:05

Title: WebFX Tabpane. Problem with IE, might be a css
Post by: Ru Dee on April 19, 2008, 02:56:05
Hey, i stuck ;)...3 hours i cant make fonts to look smaller..not so typical for me...anyway here is the css code

Code: [Select]
.dynamic-tab-pane-control .tab-page {
border: 1px solid #212F54;
background-color: #f1f1f1;
z-index: 1;
position: relative;
top: -2px;
font-size: 11px;
color: #000000;
height: 200px;
padding: 5px;
width: 98%;
float: left;

}

Opera and FF, absolutely flawlessly, actualy this is how should be
(http://rudee.info/trackit/2.png)


Thats the famous IE
(http://rudee.info/trackit/3.png)

Whatever i mod in the tabpane everything work great in Opera and FF..but absolutely nothing happend viewing IE
Anyone with advise?
Thank You
Title: Re: WebFX Tabpane. Problem with IE, might be a css
Post by: Ivan Trebješanin on April 19, 2008, 04:20:22
Yeah, that's IE allright.... :D

I usualy use this code to handle situations like this one:
Code: [Select]
<!--[if IE]>
<style type="text/css">
.tab-page {font-size: 76.1%}
</style>
<![endif]-->
Add it into your html head.

Problem you are experiencing has very long story. It is a typographic matter, and I could write a book about it...

1. Some fonts are made with web in mind, others are made for printed publications.
2. Browsers handle differently sizes in given in em, px, or %


Try to give your font size in em, if pixels won't work. If none of them work, try using %.
To make it short: try to have fun with micro$oft products! :D
Title: Re: WebFX Tabpane. Problem with IE, might be a css
Post by: datahell on April 19, 2008, 08:29:45
Test something like this:

#userdata-pane table.contentpane, #userdata-pane td.contentpane {
    font-size: 10px;
}
Title: Re: WebFX Tabpane. Problem with IE, might be a css
Post by: Ru Dee on April 19, 2008, 11:25:09
Thank you both..it works great with datahells code :)