Avatar billede jmc Nybegynder
29. februar 2008 - 11:49 Der er 9 kommentarer og
1 løsning

CSS browser detect : select

Er der nogle som kender et godt script til at vælge om hvilken browser siden møder og derefter vælge et CSS?
Avatar billede w13 Novice
29. februar 2008 - 11:51 #1
Der findes et par gode, men det er sjældent særlig hensigtsmæssigt - hverken browserdetection eller browser-afhængige stylesheets.
Er det et bestemt CSS-problem, der gør, at du vil lave flere?
For det kan sagtens lade sig gøre at lave ét, der virker i alle. I hvert fald i næsten alle tilfælde..
Avatar billede pidgeot Nybegynder
29. februar 2008 - 11:58 #2
Hvis man ellers skriver god CSS, og husker en passende DOCTYPE i starten, skal man sjældent håndtere andet end 1-3 af følgende scenarier:

*Browser er IE6
*Browser er IE7
*Browser er noget andet

...og her er conditional comments perfekte til opgaven, fordi det ikke er afhængigt af oplysninger der kan fakes af brugeren. Det eneste man skal gøre er at lave et "globalt" stylesheet, og så have små separate stylesheets med de "fixes" der er nødvendige for at IE6 og IE7 kan finde ud af det - hvis det da overhovedet er nødvendigt.

http://en.wikipedia.org/wiki/Conditional_comment
Avatar billede jmc Nybegynder
29. februar 2008 - 13:26 #3
Vil hellere oprette to css end bøvle mere med dette her!

  width:170px;
    height:100%;
/*    background-color:#15100F;*/
    background-color:#CDC1B2;
/*    -moz-opacity: 0.15;
    opacity: 0.15;
    filter: Alpha(Opacity=15);
*/
    -moz-opacity: 0.70;
    opacity: 0.70;
    filter: Alpha(Opacity=70);
Avatar billede jmc Nybegynder
29. februar 2008 - 13:51 #4
http://en.wikipedia.org/wiki/Conditional_comment indholder ikke et kode eksempel jeg kan anvende.

Det handler om følgende site: http://www. e i r b y .dk/

Indhold flyttes oven på et baggrundsbillede. Farvere div layers angiver en farve tone i en transperens. Indholds div og farve div skal være seperat hvilket ligenu ikke er tilfældet med den venstre div.

Ligenu er den lidt ustabil da der har være kodet meget rundt i den.

Det lader til at moz er følsom overfor IEs måde at skrive opacity og derfor tænkte jeg at lave et seperat til hver af dem.
Avatar billede w13 Novice
29. februar 2008 - 14:13 #5
Du behøver ikke lave forskellige opacitys. Du skal bare angive alle de forskellige, som de forskellige browsere kræves. Så vil IE f.eks. ignorere mozillas og omvendt.
Det gør jeg selv, og det virker upåklageligt.

Du har også udkommeret baggrundsfarven. Den bliver vel ikke vist forkert?
Avatar billede olebole Juniormester
29. februar 2008 - 16:24 #6
<ole>

"Vil hellere oprette to css end bøvle mere med dette her!" >> Hvad mener du med det? Der er da absolut intet at bøvle med  :)

I følge CSS skal en browser blot sprine en property over, den ikke kender. Det gør alle de kendte browsere omkring de forskellige implementeringer af opacity - så hvis du har problemer med dét, må du lave fejl andre steder i din kode  :)

/mvh
</bole>
Avatar billede jmc Nybegynder
02. marts 2008 - 23:09 #7
Så hvis du kan hjælpe giver jeg MAX points til dig.
Kik på siden http:// e i r b y .dk/ det midterste felt er transperant i Firefox!
Har du en ide til hvad dette kunne skyldes?
Venligst ikke SEO dette link! :o)
Avatar billede jmc Nybegynder
02. marts 2008 - 23:23 #8
Jeg har vist nok fikset den, fandt et gammelt CSS som pludseligt virkede med  firefox, ved ikke hvad forskellen var, men jeg tror ikke den er alt for stabil på diverse browsers.
Avatar billede w13 Novice
03. marts 2008 - 11:15 #9
Så kan du lukke her ved selv at oprette og acceptere svar.
Avatar billede jmc Nybegynder
10. marts 2008 - 11:10 #10
ok
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester