javascript detect & CSS.

[design2]

basically ive had problems using divs instead of tables working in most common browsers and platforms, but i refuse to be beaten and believe my best bet now is to detect on index page which platform/browser and then use the desired css file.

I only have 2. ie.css and mozilla.css which i think should cover most.
So i tried using this http://techpatterns.com/downloads/scripts/javascript_browser_detection.txt

but when i type in the header code
<link rel = "stylesheet" type = "text/css" href = "css/main.css" />
<script type = "text/javascript" src = "/js/browser_detection.js"> </script>
<script type = "text/javascript>browser_css( ); </script>
</head>

it messes up cos the "text/javascript>browser_css( ); doesnt seem to be closed. so i made a file and have checked the file names and that the directories are right but still no go it is not picking up different css files just using the default main.css

if anyone has time or has done this before can u post the code i put in the head and the code i need in the file.js ? thanks.

 

[design2]

if anyone is interested to use divs instead of tables and maintain browser compatability use javascript detectection which chooses 2 css files that u create, a IE one and mozilla one.

theres a basic, easy tutorial at http://www.andreas.com/faq-css-detect.html

 

[muso]

You might like to have a look at this site design2 - http://www.alistapart.com, in particular this article - http://www.alistapart.com/articles/bodyswitchers/

 

[design2]

thanks muso.
thats a good read & resource.

 

[JackTheRipper]

Hey,

you might also wanna check this link out:

http://www.pmob.co.uk/temp/3colfixedtest_4.htm

set css templates that are pretty much consistent in a lot of browsers [dunno if all of them are]

JTR