
February 3rd, 2009, 04:51 AM
|
 |
Contributing User
|
|
Join Date: Mar 2005
Location: Gauteng, South Africa
|
|
|
Css in joomla cuts text in IE in half
Hi All
I used Joomla to design a really simple website for someone. I currently have the problem where my text, with <h2> tag, in IE, the bottom bit of the text is cut off. For instance, a 'g' will not have its bottom 'loop'. So the text is cut off horizontally, not vertically. Works fine in Firefox.
Using IE 's web development toolbar, I narrowed it down to the H2 tag, which is on a CSS file in Joomla, there are more tags nested within the <h2> tag, but they seem ok, as they are only font tags. Here is the css code of the Joomla template.
Code:
h2, .contentheading {
padding: 0;
font-family: Verdana, Geneva;
font-size: 1.3em;
font-weight: bold;
vertical-align: text-top;
color: #333;
text-align: left;
width: 100%; }
Any idea how to fix such a problem?
Last edited by rigidninja : February 3rd, 2009 at 05:02 AM.
|