PDA

View Full Version : show me the true path to css mastery


sukiyoma
07-16-2003, 10:51 PM
On

This (http://www.lanacionusa.com/lanacionnuevo/index.htm)

site, the text is all messed up in Netscape (Windows and Mac)
and on IE (mac).

If you have any of those browsers, can you check it out and
tell me what i'm doing wrong?

Thanks a million you super geniuses!

-Gary

p.s. I would like to keep using the powerful css code so please don't make me take them out...pretty please

cbkihong
07-16-2003, 11:37 PM
On my browser, which is not any of your mentioned, the text overlaps. I don't know if you mean the text being messed up is this.

body {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
line-height: 1mm;
font-weight: lighter;
padding: 0px;
}

I guess it is this that causes the trouble for me.

animgirl
07-17-2003, 12:55 AM
I see no text problems in ie6 or netscape7.
Could you post a screenshot?

p.s. I would like to keep using the powerful css code so please don't make me take them out...pretty pleaseNo way!! Never never never! CSS r o c k s.

animgirl

cbkihong
07-17-2003, 01:38 AM
What I see is this

Astrolegoboy
07-17-2003, 04:10 AM
Originally posted by cbkihong

body {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
line-height: 1mm;
font-weight: lighter;
padding: 0px;
}
http://www.members.aol.com/teejaw/images/csschk.jpg

You are using an absolute line-height which can lead to display problems on other browsers / previous versions of MSIE. You should use relative (ie px or % to specify line-height) to remain compatible with most browsers.

Here is a useful tool to check your CSS code for potential problems:

CSSCheck (http://www.htmlhelp.com/tools/csscheck/)

HTH's
http://www.members.aol.com/teejaw/smilies/Face.gif

cbkihong
07-17-2003, 08:43 PM
Originally posted by dbindel
cbkihong: You don't normally use Konqueror for web browsing, do you? :vomit:


I do, because it loads faster (except Opera). And also, a Mozilla language pack for my region is not available for v1.3 and 1.4, so I need to use 1.2, or use English if I have to stick to bleeding edge releases.

I know it does not support as many standards as gecko, and sometimes not as good, but I find it acceptable for daily use in general. I won't use it as a yardstick for standard compliance anyway. If it works fine for me, I see no reason why not. Obviously, Netscape 4.x is even worse. Very usually, a site which doesn't display well on Konqueror does not display well on Mozilla as well, due to faulty stylesheets.

I have been using Gecko since NS 6.0 beta stage, and I'm still using it on Windows. But on Linux, I use Konqueror much more often. How do you know it's Linux? I also have a working FreeBSD installation with KDE which looks exactly like this too.