|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| ||||||||||||||||||||||||||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
|
|
#1
February 3rd, 2009, 04:51 AM
|
||||
|
||||
|
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.
|
|
#2
February 3rd, 2009, 06:11 AM
|
||||
|
||||
|
You have to post some more code, not much we can tell from that snippet. You could try to remove width:100%, that shouldn't be necessary on an ordinary block-level element.
You could also add some padding to see if that helps. By the way font-tags are never ok  As those elements are deprecated use of them should be avoided if possible. http://www.w3.org/TR/html401/presen....html#edef-FONT
__________________
|
|
#3
February 3rd, 2009, 04:05 PM
|
||||
|
||||
|
I removed this,
Code:
width:100% Also took out all font tags and build them into my css. Thanks
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > Css in joomla cuts text in IE in half |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
