[route609]

Hi

I need to know if its possible to have a style sheet or IF Safari script to show a div as a website i have coded is only different in safari?

Thanks

Paul

[cam]

It's possible to detect browsers via JavaScript, but best to try and fix your CSS.

Safari is a standards-compliant browser, you shouldn't have any issues coding to it at all

[funkyprem]

believe me cam, you do.

there used to be the ::root hack for safari but this doesn't work for version 3 anymore. not found one yet specifically for 3 but like you say cam, it is a hell of a lot better to code for than 2 was.

[d*d]

Safari can be a a bugger if you start absolutely positioning items

[cam]

Never had any issues with Safari. I'm obviously better than you lot.

[haku]

I had an issue with safari yesterday where some tables cells that I had set no border to had borders on them. Never managed to figure it out, but it wasn't a big deal so I just left it.

[route609]

Originally Posted by funkyprem

believe me cam, you do.

there used to be the ::root hack for safari but this doesn't work for version 3 anymore. not found one yet specifically for 3 but like you say cam, it is a hell of a lot better to code for than 2 was.

any idea what the root hack is as the problem is only happening on versions < 2

cheers

[d*d]

Originally Posted by cam

Never had any issues with Safari. I'm obviously better than you lot.

We're out there pushing the technology to it's limits is all

[cam]

[Stickman]

Originally Posted by route609

any idea what the root hack is as the problem is only happening on versions < 2

Safari CSS hack | theMechanism, llc.

Please note that this hack does not work in Safari 3.

That sounds like what you want.

[herkalees]

Try this quick thing I threw together. Note: my JavaScript skills aren't any good:

<script type="text/javascript">
	var detect = navigator.userAgent.toLowerCase();
	if (checkIt('safari')){
		document.write('<link rel="stylesheet" type="text/css" href="styles/safari.css" media="screen, print" />');
	}
	function checkIt(string){
		var place = detect.indexOf(string) + 1;
		return place;
	}
</script>

[Hunch]

For a long time now, I've designed using Safari and then tweaked for other browsers. I seem to have had waaaay less issues that way than any other approach I've taken.

[haku]

How do you tweak for firefox? I thought there were only conditional comments for IE.

[Hunch]

Originally Posted by haku

How do you tweak for firefox? I thought there were only conditional comments for IE.

I didn't say I did. Although tweaking often involves simply adjusting here and there to fix layout issues in other browsers while preserving the original layout in your main development browser. It's not just about using conditionals to create different versions. A lot of it is about substituting alternative tag choices and CSS styles until you find something that works in all cases. Using actual different versions (i.e. using IE conditional statements) is a last resort - it's like an admission of failure.

[d3mcfadden]

I would recommend using the hack posted by Stickman rather then severing another css file using js detection... nothing but a wasted http request.