Problem with css and macs
I am the webmaster of Chesham Youth Theatre's website http://CheshamYouthTheatre.tripod.com The site uses CSS but it isn't effective on macs. I don't know why this is. When I first started the site I was working on a mac and the stylesheet worked fine but since I have been working on a PC I have jazzed the site up a bit and now the stylesheet won't work on macs. The Style sheet is in the header of the document rather than linked or imported. Can anybody out there help?
BODY
{BACKGROUND: URL(graphics/small.gif) TRANSPARENT NO-REPEAT BOTTOM RIGHT FIXED #FFFF00;
COLOR:#9900FF;
MARGIN-LEFT:8%; MARGIN-RIGHT:8%;
FONT-FAMILY: SAND, "COMIC SANS", "COMIC SANS MS", SASFONT, "MS SANS SERIF", "SANS SERIF";}
H1{ MARGIN-LEFT: -2%; FONT-SIZE: 200%; FONT-FAMILY: GADGET, VERDANA, "SAS MONOSPACE BOLD", MONOSPACE;}
A:visited{COLOR:#6600FF;}
A:hover{COLOR:#CC3366;}
TABLE{PADDING-TOP:0.2EM; PADDING-BOTTOM:0.2EM; ALIGN:CENTER; TEXT-ALIGN:CENTER; MARGIN-BOTTOM:3EM; FONT-FAMILY:GADGET, VERDANA, "SAS MONOSPACE BOLD", MONOSPACE;}
TABLE.BUTTONBAR{WIDTH:100%; th-width:25%;}
TH{PADING-LEFT:1EM; PADDING-RIGHT:1EM;}
TD{PADING-LEFT:1EM; PADDING-RIGHT:1EM;}
DIV{ALIGN:CENTER; BORDER:0; MARGIN-BOTTOM:3EM;}
.LEAD{FLOAT:LEFT; MARGIN-LEFT:0; MARGIN-TOP:0; MARGIN-BOTTOM:0; MARGIN-RIGHT:1EM;}
DIV.BOX{BORDER-TOP:SOLID; BORDER-BOTTOM:SOLID; BORDER-LEFT:DOUBLE; BORDER-RIGHT:DOUBLE; BORDER-WIDTH:2EM; BACKGROUND:#CCFF33; COLOR:#FF6633; WIDTH:80%; PADDING:1.5em; FONT-FAMILY:CURLS, GADGET,CURSIVE; FONT-SIZE:120%; ALIGN:CENTER; TEXT-ALIGN:LEFT}
DIV.END-SPACE{HEIGHT=120; BORDER=0;}
P{MARGIN-BOTTOM:2EM}
Suzanne posted this at 22:29 — 26th May 2002.
She has: 5,507 posts
Joined: Feb 2000
I just edited it to kill the accidental smilies.
bradsoft.com -- Top Style
westciv.com.au -- Style Master
http://jigsaw.w3.org/css-validator/ -- online validator
If you run the code through a validator, you'll find a number of errors, including using = instead of : for some declarations, not including units for lengths other than zero, misspelled names (pading instead of padding), et cetera.
The validator should be your first line of repair. Run it through the validator, fix all the obvious problems, then see if that fixed your display issues. If not, then post and then it will be easier for someone to look at the valid code and be able to tell you that while it's valid, this or that isn't supported in whichever browser you're having a problem with.
Additionally, which OS for Mac and which browser. Mac OS9 and OSX for IE5 are generally pretty close to the Windows, whereas Netscape, older IE are wonky.
Hope that gets you started.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.