Hey Guys, im having an issue with CSS, its not loading in either IE9, IE10 or FireFox however works fine in IE8, Chrome and Safari. Any help would be greatly appreciated. The link to the page that is having issues can be found here I've done this many times before and its always working however im not sure what's happened this time. Regards Danny
The console in developer tools tells me this: HTML1524: Invalid DOCTYPE. The shortest valid doctype is "<!DOCTYPE html>". Fix the doctype and it should be ok. Bit more info here: http://stackoverflow.com/questions/15221265/ie10-9-8-does-not-recognize-doctype-xhtml
it didnt work,,, only thing it did was stop ie8 from also working. any other ideas? Just noticed when I embed the entire CSS within the HTML it works fine but obviously we cant do that as i really need it coming from external CSS thanks Danny
[11:39:22.952] Expected URI in @import rule but found 'url("href=\'http://fonts.googleapis.com/css?family=Headland+One"'. @ http://www.sandbox.swiftproductions.com.au/kk/ebay/listing/listing.css:3 [11:39:22.953] Unexpected end of file while searching for end of at-rule. @ http://www.sandbox.swiftproductions.com.au/kk/ebay/listing/listing.css:883 [11:39:23.079] Unknown property 'box-sizing'. Declaration dropped. @ http://sandbox.swiftproductions.com.au/kk/ebay/SBlisting.html Code (markup): Fix them!
The page is filled with mistakes, outdated code and just plain bad practices -- pseudo-elements that don't even EXIST like :last and :first (did you mean :last-child and :first-child?), to using @import instead of LINK in the markup (what, you still worried Nyetscape 4?!?), to the endless pointless DIV for christmas only knows what, endless pointless scripting for same, to being an accessibility disaster thanks to a fixed width layout with px metric fonts. Of course, even the doctype proudly proclaims it to be garbage; or should we say "in transition from 1997 to 1998 coding practices"? It's a laundry list of how not to build a website, and my advice would be to throw it ALL away and start over with semantic markup, separation of presentation from content, backing away from the goofy scripting, and setting one's mind towards accessible responsive design. There is NOTHING there I'd even try to salvage from a code, design or accessibility standpoint.
Hi Deathshadow, I appreciate your feedback. Firstly im not a developer, that was done by another person and all i normally do is input the tags and make it work with our editor. Can you give me an example where your seeing :last and :first?? that would be greatly appreciated i'll also speak with the slicer to ensure they do it correct from now on. Regards Danny
I can't find the stylesheet. Is it all inline CSS? Nevermind, found it. the @import threw me off. Get your money back from that programmer and pay another one who has built a site in the last decade...that's a big mess. If they refuse to refund you, I'd file a complaint with the BBB. Your site doesn't work, they didn't do the job. It doesn't even fully work in Google Chrome, there's code all over the place. They also didn't build you a stylesheet, they linked one from their website. If they ever shutdown or decide to delete it, your stylesheet would be gone (not that I'd want it anyway). Here's what I'd do: save all the code you have, bring it to another programmer, give him your PSD and code in case he wants to use any of it and just put this company on your "no no" list.