layout screwed up on Safari

Hello,

I haven't had too much experience with CSS and I am facing this major
issue where my layout looks terrible on Safari and also on IE. It
seems to be alright on Firefox which is what I used to test my
functionality and layout while writing the page. I have no idea what I
should do in order to adjust the values for padding or even knowing
how to make the values relative instead of absolute. The problem is
that the HTML should be generated automatically for each node of the
tree after filling it in with details obtained from a server (for eg:
date of completion etc. The link to my page is :

http://tuber1.phy.bris.ac.uk:8080/Go...e/widgets.html

I'm only interested in fixing the layout. The page is a little old.
This should not be an issue because I haven't made any changes to the
layout recently. Could somebody please please suggest some way to fix
my layout so that it would look alright on all major browsers?
(Minimum: IE, Firefox, Opera, Safari on PCs and Macs)

Thanks in advance.

In article
<20babe24-20da-4f25-93b1-4880d80d9a5b (AT) e25g2000prg (DOT) googlegroups.co
m>,
"jrrtolkienfan (AT) gmail (DOT) com" <gowricp (AT) gmail (DOT) com> wrote:

Hello,

I haven't had too much experience with CSS and I am facing this major
issue where my layout looks terrible on Safari and also on IE. It
seems to be alright on Firefox which is what I used to test my
functionality and layout while writing the page. I have no idea what I
should do in order to adjust the values for padding or even knowing
how to make the values relative instead of absolute. The problem is
that the HTML should be generated automatically for each node of the
tree after filling it in with details obtained from a server (for eg:
date of completion etc. The link to my page is :

http://tuber1.phy.bris.ac.uk:8080/Go...e/widgets.html

I'm only interested in fixing the layout. The page is a little old.
This should not be an issue because I haven't made any changes to the
layout recently. Could somebody please please suggest some way to fix
my layout so that it would look alright on all major browsers?
(Minimum: IE, Firefox, Opera, Safari on PCs and Macs)

Thanks in advance.

It looks the same on my FF and Safari 2.0.4 on a Mac. You could
look at

http://tinyurl.com/2g34hj

and fix the errors.

You are pixel-sizing boxes with the result that user-set text
sizes can make it all break.

But you are also doing lots of stuff like this:

<link rel="stylesheet" type="text/css"
href="http://yui.yahooapis.com/2.3.1/build/fonts/fonts-min.css"
/>

whereas you have a Strict 4.01 doctype. You can't have these
endings under this doctype.

--
dorayme

On 30 déc, 20:02, "jrrtolkien... (AT) gmail (DOT) com" <gowr... (AT) gmail (DOT) com> wrote:

Hello,

I haven't had too much experience with CSS and I am facing this major
issue where my layout looks terrible on Safari and also on IE.

The link to my page is :

http://tuber1.phy.bris.ac.uk:8080/Go...e/widgets.html

I'm only interested in fixing the layout. The page is a little old.
This should not be an issue because I haven't made any changes to the
layout recently. Could somebody please please suggest some way to fix
my layout so that it would look alright on all major browsers?
(Minimum: IE, Firefox, Opera, Safari on PCs and Macs)

Safari FAQ for web authors
How do I ensure that my pages will work in Safari?
http://developer.apple.com/internet/....html#anchor13


http://validator.w3.org/check?uri=ht...e/widgets.html

Regards, Gérard