4 replies [Last post]
conticreative
Offline
newbie
Sacramento
Last seen: 6 years 9 weeks ago
Sacramento
Joined: 2007-01-04
Posts: 3
Points: 0

Hi, my first post here and i apologize if this issue has been covered. I both Googled the issue and used the built in search without significant results.

I have encountered this problem often but this time I am unable to fix it and in addition I am curious on what can be causing it.
This is the doctype:


This is the page I am working on http://rebeccaleeassociates.com/404.html and this template is simply a placeholder. However, the message "404 sorry this page is not available" on my IE7 browser has the lower part of the font cut-off. The "Y" and the "g" are missing their lower part and you can tell that even the other letters have a pixel or so hidden on their lower part.
Previously I have been able to fix that by tweaking the BOX properties but in this case it's doing nothing.

this is the code behind it (Generated by the JCE editor): 404 sorry this page is not available
and the css is a follows: h1 {font-size: 1.7em;height: 50px;}
No other styles affect the H1 that I can tell.

Thank you for any help on this issue. It's not important here specifically as this is a mock up, but next time I see it it will be invaluable if I can fix it easily.

AttachmentSize
MWSnap 2007-01-04, 15_52_46.jpg6.42 KB
sperks
Offline
Enthusiast
New York
Last seen: 7 years 46 weeks ago
New York
Timezone: GMT-5
Joined: 2004-10-01
Posts: 158
Points: 0

Not having IE7 handy, the

Not having IE7 handy, the only thing I can think of is the height 50px and a bug I've seen with IE7 referring to putting a border or padding on the bottom of the h1.

I haven't used Joomla in a while, are they still tabling everything?

conticreative
Offline
newbie
Sacramento
Last seen: 6 years 9 weeks ago
Sacramento
Joined: 2007-01-04
Posts: 3
Points: 0

I have seen the problem in IE6 as well

As I say in the title, I remember seeing the problem in IE6, although it is difficult now for me to go back to it (an older computer I kept for that purpose gave up the ghost and IE6 working with IE7 has been hard to implement in my experience).

Indeed, Joomla still uses plenty of tables, but there is also a version that is completely table less. Far more important in my opinion is the lack of standards in writing plug-ins for Joomla. A lot of add ons create really ugly code. I am very hopeful that V. 1.5 will solve many of these problems. While it still uses tables in the core those files are easy to overwrite making table less designs easier to maintain and the development team has presented a roadmap for the complete eliminations of tables starting from version 1.6.

In regard to my current problem, I have tried just about everything I could to no avail. I think it may very well be a rendering bug, but i other cases I was able to use the line height to eliminate the problem. Not in this case. It seems to have no effect whatsoever.
While I have been a developer for 10+ years, my experience with advanced CSS is not as extensive as I would like.

If it's a IE bug, I might learn to live with it, but I'd like to know where the bug comes from as obviously it doesn't show every time and there must be a way to avoid it.

Thank you

vinhboy
vinhboy's picture
Offline
Enthusiast
davis, ca
Last seen: 6 years 13 weeks ago
davis, ca
Joined: 2006-12-21
Posts: 257
Points: 0

why does your h1 have a

why does your h1 have a height?

h1 {font-size: 1.7em;height: 50px;}

remove the height and it should work fine.

sperks
Offline
Enthusiast
New York
Last seen: 7 years 46 weeks ago
New York
Timezone: GMT-5
Joined: 2004-10-01
Posts: 158
Points: 0

My feeling here is that

My feeling here is that while you fixed your issue, you might not have understood why it was fixed. I'm not 100% sure if this is the true answer to what your problems were, but I suspect looking at the css of this site, that the computed value of line-height might well have been your culprit rather than using a unitless number.

http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/

More fascinating stuff from the land of meyerweb.com.