Browserdetectie - Server of Client side

[Kama]

Hallo allen,

Wegens wat verschillen tussen Netscape en IE wil ik voor beide browsers ieder een eigen stylesheet aanbieden. Het determineren van de browser en het inladen van de juiste browser kan serverside of client side.

Hoe het werkt is het probleem niet... Wat is het beste??

Aan de ene kant: serverside zorgt voor meer serverload, het zit in de SSI header van iedere page en met een honderduizend pageviews per dag kan het aantikken...

Aan de andere kant: Waarom zou je meer naar de client sturen dan nodig? Client side scripts zijn (lees: vind ik) "niet netjes" (dwz, de gebruiker kan in je code kijken) en kunnen mogelijk problemen geven in niet compatible browsers.

Ik vind eerlijk gezegd server side de mooiste oplossing, zijn er goede argumenten om voor het ene of het andere te kiezen??

[D2k]

Clientside
gewoon de processortijd van de client gebruiken

[RM-rf]

browserdetectie nooit serverside doen, op basis van de http_user_agent-string is dit buggy, onpraktisch en slecht onderhoudbaar;

welke verschillen in css zijn er tussen msie4+ en mozilla dat je die verschillende css-'s wilt aanbieden, vaak kan je dat makkelijk in 1 stylesheet afwerken, enkel ns4x is een ramp, maar daarvoor kan je werken dmv @import, dat ondersteund ns4x niet en daarmee laadt je alle uitgebreidere styles mee in, terwijl je je basis netscape4x-proof kan houden

[Kama]

Het probleem waar ik met name mee loop is om een <textarea> tag een background image mee te geven... (Inderdaad met NS 4.x) .. ik doe dit met

textarea
{
...
background-image: url('http://url');
}

In IE gaat dit gewoon prima... maar NS4 laat meteen de gehele textarea niet meer zien...

@import zegt me niks, dat zal ik eens uitzoeken...

[ Voor 0% gewijzigd door Kama op 09-08-2002 14:41 . Reden: ik dacht dat er ook html-code tags waren... ]

[gorgi_19]

Nah, vooruit... Een voorbeeldje..
In je head plaatsen:

<link rel="stylesheet" type="text/css" href="style/main_netscape.css">

<style type="text/css">
<!--
/* Stijl voor alle browsers behalve Netscape 4.x */
@import url(style/main_explorer.css);
-->
</style>

[Kama]

Ik zou die @import ook direct in die main_netscape.css kunnen zetten of niet?

edit:

Ja dat kan

[ Voor 0% gewijzigd door Kama op 09-08-2002 15:14 . Reden: net geprobeerd ]

[RM-rf]

Kama, inderdaad
de truc achter @import is dat je geen javascript gebruikt voor css,
je basis css kent alle css styles behalve die, die in netscape problemen opleveren (bepaalde styles voor form-lelements, border sommige background-props)
die ns4x-buggy style kun je in een extended css-file zetten en die via @import aanroepen:

main.css bevat dan:

code:

INPUT
{
   font-family: arial;
   font-size: 11px
}
@import url(extended.css)

extended.css dan:

code:

INPUT
{
   border: 1ps solid red;
   background-image: url(blaat.jpg);
}

[ACM]

Lijkt me een W&G vraag geworden te zijn
moved vanuit P&W

[Kama]

Lijkt mij niet... maar goed...