WebFX Tabpane. Problem with IE, might be a css

[Ru Dee]

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



Thats the famous IE


Whatever i mod in the tabpane everything work great in Opera and FF..but absolutely nothing happend viewing IE
Anyone with advise?
Thank You

[Ivan Trebješanin]

Yeah, that's IE allright....

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!

[datahell]

Test something like this:

#userdata-pane table.contentpane, #userdata-pane td.contentpane {
    font-size: 10px;
}

[Ru Dee]

Thank you both..it works great with datahells code