Elxis CMS Forum
Extensions => Templates => Topic started 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
.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
-
Yeah, that's IE allright.... :D
I usualy use this code to handle situations like this one:
<!--[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
-
Test something like this:
#userdata-pane table.contentpane, #userdata-pane td.contentpane {
font-size: 10px;
}
-
Thank you both..it works great with datahells code :)