Avatar billede rufle Nybegynder
15. april 2003 - 22:29 Der er 18 kommentarer og
1 løsning

fast baggrundsbillede

Jeg ved hvordan jeg ved hjælp af css kan lave et fast bagrundsbillede, men hvordan sætter jeg forskellige størrelser baggrundsbillede ind alt efter hvilken opløsning brugeren har? så vidt jeg ved bruger ie body til at beregne browservinduet, men så kan man vel ikke linke til en css-fil?
Avatar billede schaefner Juniormester
15. april 2003 - 22:31 #1
<script type="text/javascript"><!--
width = screen.width;
if (width == 800) {
document.write('<link rel="stylesheet" type="text/css" href="css800.css">');
}
//--></script>

Byg selv videre :)
Avatar billede schaefner Juniormester
15. april 2003 - 22:32 #2
Den linker så til en bestemt css-fil alt efter opløsningen.
Avatar billede rufle Nybegynder
15. april 2003 - 22:33 #3
Ja, jeg kan se godt se idéen, men hvis nu brugeren ikke har maksimeret browservinduet, men f.eks. kun bruger halvdelen af skærmen, hvad så?
Avatar billede schaefner Juniormester
15. april 2003 - 22:34 #4
Jaa, det kan du ikke rigtig gardere dig imod, ligemeget om du tjekker opløsningen eller ej.
Avatar billede ztyxx Nybegynder
15. april 2003 - 22:36 #5
screen.width tager ikke efter browservinduet, men skærmen vidde, så det er ikke noget problem
Avatar billede rufle Nybegynder
15. april 2003 - 22:37 #6
hmm.. der må findes noget.. i øjeblikket læser jeg størrelsen på brugerens browservindue, og laver så en <div> med et billede brugerens størrelse. (Z-index)Problemet kommer så når brugeren scroller ned på siden, så scroller billedet med...
Avatar billede rufle Nybegynder
15. april 2003 - 22:38 #7
->ztyxx Jo, det er netop problemet. Baggrundsbilledet skal passe til brugerens browservindue, og ikke til skærmens opløsning...
Avatar billede ztyxx Nybegynder
15. april 2003 - 22:41 #8
det tror jeg ikke at du kan kode dig ud af....
Avatar billede rufle Nybegynder
15. april 2003 - 22:42 #9
njae.. min fantasi er nu også lige gået lidt i stå... Men tror nu godt det kan lade sig gøre..
Avatar billede bearhugx Nybegynder
15. april 2003 - 22:47 #10
har du prøvet
  document.body.clientWidth og
  document.body.clientHeight
Avatar billede rufle Nybegynder
15. april 2003 - 22:51 #11
Ja, men også den beregnes ud fra body..
Avatar billede rufle Nybegynder
15. april 2003 - 22:52 #12
Hvis nu man laver et bagvedliggende layer, kan man så få dette layer til at stå stille, mens de foranliggende kan scrolle?
Avatar billede grunken Nybegynder
15. april 2003 - 22:59 #13
kan man ikke bare gøre nogenlunde sådan her :
<html>
<body>
</body>
</html>

<script>
if (navigator.appName == "Microsoft Internet Explorer"){
  bredde = document.body.offsetWidth;
  hojde  = document.body.offsetHeight;
}
if (navigator.appName == "Netscape"){
  bredde = window.innerWidth;
  hojde = window.innerHeight;
}

location.replace('fil.html?x='+bredde+'&y='+hojde)
</script>

Sender viduets størrelser videre til en ny fil der så henter den korrekte css. alt efter størrelse ?
Avatar billede rufle Nybegynder
15. april 2003 - 23:02 #14
hmm.. jo det var måske en mulighed.. slet ikke så tosset :O)
Avatar billede rufle Nybegynder
15. april 2003 - 23:08 #15
->grunken laver du lige et svar, så du kan få point..
Jeg besluttet at lægge oplysningerne i et par sessionvariabler som sættes fra forsiden. Så går det heller ikke ud over søgemaskinerne...
Avatar billede grunken Nybegynder
15. april 2003 - 23:27 #16
Okay, sad ellers lige og rodede med at få strengen splittet i JS, men jeg kan regne ud at du kører noget serverside osse ;D
Avatar billede rufle Nybegynder
15. april 2003 - 23:29 #17
Yep :O)
Jeg er mest til asp..
Jeg har jo godt nok stadig et lille problem, hvis brugeren skifter browserstørrelse efter start winduet, men det kan jeg leve med..
Avatar billede grunken Nybegynder
15. april 2003 - 23:38 #18
tak for poits

kan du så ikke bare læse variablerne igen vha

<BODY onResize="checkxy()">

altså lave det til en function ?
Avatar billede rufle Nybegynder
15. april 2003 - 23:40 #19
jo, det lyder fornuftigt.. Tsk for hjælpen :O)
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