4 replies [Last post]
ansuzmannaz
Offline
newbie
Last seen: 15 years 27 weeks ago
Joined: 2006-05-23
Posts: 1
Points: 0

I recently redisigned the webpage for the company I'm working at, however whenever I view the page using a Mac it doesn't include the styling defined in my main.css file. The website can be found at www.orcamedia.net/new. I've tried adding the Doctype tag, and it doesn't work, removing and replacing the "head" tag does nothing, and I've tweaked with which elements are included in the <link> tag several times. If anyone here could shed any light as to what is going on, I would greatly appreciate it.

Anonymous
Anonymous's picture
Guru

CSS Failing on Mac

Seems to work for me on my mac.

You need to remove the <style> and </style> from the external style sheet. Any reason for including them?

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 12 years 37 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

CSS Failing on Mac

Hi ansuzmannaz,

...as for the PC...it works in IE, but is all messed up in FF. If you are going for a site that W3C compliant, you have several things to do including adding a doctype and header tags. The validator has brought up several errors such as an ID being used more than once on a page.

I would encourage you to go through the HTML and CSS tutorials on http://www.w3schools.com to learn proper syntax and use. For the CSS, I believe all the inline styles could be put in the css file to prevent conflict and allow for cleaner code.

- r

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

CSS Failing on Mac

When you have that mess Smile sorted out, if you use the link tag you must specify the type="" attribute; title is not required unless you want the stylesheet to be a 'preferred' one rather than 'Persistent' one.

If you use the @import method then remove the quotes from around the path to file they are not needed and cause, iirc, IE Mac to throw a wobbly (not that anyone cares much anymore)

DTDs are important please don't leave it out.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

technossomy
technossomy's picture
Offline
Enthusiast
Last seen: 7 weeks 6 days ago
Timezone: GMT+2
Joined: 2004-06-09
Posts: 260
Points: 8

CSS Failing on Mac

There are many things to improve on this website, but I'll limit my critique to just one point: you should use external stylesheets as opposed to inline styling. In fact I have never seen inline styling as long as this before:
<div style="border-style: groove; border-color: rgb(68, 68, 68) rgb(24, 24, 24) rgb(24, 24, 24) rgb(68, 68, 68); border-width: 1px 4px 4px 1px; margin: 5px 0pt 0pt; padding: 10px 90px 10px 10px; background-color: rgb(51, 51, 51); float: left; position: relative; left: 10em;" id="newsitem">

Hope this helps

tech