Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!

Of Safari, Sainsbury's and style sheets [UK] Web Browsers
Here's another UK specific hint from me; I understand it has limited appeal, but I can't think where else to post it.

Shopping online for food at Sainsbury's, you'll find it impossible to see what you're doing in Safari, or indeed Firefox, Camino, Onmiweb, Mozilla or Netscape. There is a CSS rendering bug which makes the product listing appear behind the navigation. Their site recommendations don't seem to take account of OS X whatsoever, recommending Netscape 4.7 or above on OS 8.6 or above. I've detailed the bug to them a few times with no progress so far. They merely tell me to use Explorer or point me toward their site recommendations despite me pointing out that Netscape 7 is also affected and fits their requirements.

Anyway, the solution is this local style rule:
.info_products
{
    margin-left: 163px ! important;
}
Save that in a text file with extension .css and add the location of it to the Advanced section of Safari's preferences. This should also be possible in the other browsers mentioned, if you prefer those. If you shop with Sainsbury's, I'd encourage you to let them know you would like them to fix the cross-compatibility issues on their home shopping site.
    •    
  • Currently 1.50 / 5
  You rated: 1 / 5 (4 votes cast)
 
[7,768 views]  

Of Safari, Sainsbury's and style sheets [UK] | 5 comments | Create New Account
Click here to return to the 'Of Safari, Sainsbury's and style sheets [UK]' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
Of Safari, Sainsbury's and style sheets [UK]
Authored by: aaronld on Nov 17, '04 09:22:56PM

This brings up a question that I have been asked in the past. Maybe you could shed some light on, or direct me in the right direction. Why does css show up differently on win ie vs mozilla/khtml browsers and shouldn't this be something the mozilla/khtml should include for compatibility with win ie? I could see the view point that one would not want to implement non-complaint code as it would just encourage developers to produce bad code. What is it one has to do to make sure their css is compatible on both win ie and mozilla/khtml browsers?

aaron



[ Reply to This | # ]
Of Safari, Sainsbury's and style sheets [UK]
Authored by: hembeck on Nov 18, '04 01:05:27AM

The problem is not necessarily with Mozilla browsers. The problem is in fact with IE. IE has a lot of CSS rendering bugs which have been around since versions 5/5.5. IE in some cases does not render CSS according to the standard defined by the W3C. The answer to this is not to have Mozilla acknowledge bad rendering in IE as "good", and employ those rendering bugs in it's browser. The answer is that IE should correct it's rendering engine to function properly with the CSS standard.

This correction would make web page development so much easier. For example, you want a particular column to be 200 pixels wide. That should be the end of it. 200 pixels should be the same across all browsers, but its not. Because of IE's box modeling problem, CSS developers have to use "hacks" to get IE to recognize and render 200 pixels width the same as CSS compliant browsers. This leads to extra, unecessary CSS coding.

---
--Health, Wealth and Happiness--



[ Reply to This | # ]
Of Safari, Sainsbury's and style sheets [UK]
Authored by: cheeseworm on Jan 31, '05 10:20:49AM

This is broadly true, but it's worth pointing out that the box model rendering problems have been corrected in IE6. However it's not that simple, unfortunately. In order to get IE6 to render the box model correctly HTML pages need to have the correct document type. If they don't, then IE6 reverts to quirks mode, which means it uses the old, incorrect box model rendering. And there's more! Even if the HTML page contains the correct document type, IE will still revert to quirks mode if that page also contains an XML declaration. All this and much more is described in all the gory details at www.alistapart.com



[ Reply to This | # ]
Of Safari, Sainsbury's and style sheets [UK]
Authored by: rgray on Jan 11, '05 01:08:18PM

In the FWIW column, I tried this today (Safari 1.2.4, OS10.3.7) - works OK without any special CSS..



[ Reply to This | # ]
Of Safari, Sainsbury's and style sheets [UK]
Authored by: leenoble_uk on Jan 26, '05 11:17:45AM

also FWIW. I haven't been to the site since before christmas, checked it out today following an email I got from them and it looks like they've fixed the bug.
I was the original submitter of this hint (forgot to log in first). It recently appeared in MacFormat including the request to exert pressure. Call it coincidence, serendipity, whatever they seem to have listened.

---
So, I said ... well, I can't actually remember exactly what I said. But it was one of the most enormously cruel and frighteningly witty put downs ever.



[ Reply to This | # ]