Søg
Avatar billede oppermann Nybegynder
10. februar 2006 - 13:48 Der er 20 kommentarer og
1 løsning

Sætte baggrund to forskellige steder.

Jeg har ligenu dette i min kode:

body{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-image: url(images/bg.gif);
    background-position: -1px 100px;
    background-color: #5684b7;
    background-repeat: repeat-y;
}

men er der en måde hvorpå jeg kan få bg.gif eller et andet billede til at blive vist et andet sted på samme side? Altså den kode jeg har ovenover viser jo bg.gif ned langs den venstre side, er der så en måde hvorpå jeg også kan få bg.gif ned langs højre side samtidig?
Avatar billede keysersoze Ekspert
10. februar 2006 - 14:10 #1
i så fald bliver du nødt til at gøre det i 2 forskellige elementer - altså fx lav en tabel med 2 td'er i eller lignende - medmindre siden har en fast bredde så du kan lave det hele med ét billede.
Avatar billede roenving Novice
10. februar 2006 - 14:44 #2
-- eller ved at lægge et element ind, der fylder hele siden (en div !-), sætte den ene baggrund på body-elementet og den anden på diven !o]
Avatar billede oppermann Nybegynder
10. februar 2006 - 15:22 #3
Hvordan bestemmer jeg så at min bg.gif skal stå helt ude i højre side ligesom jeg gør det ved at lave background-image: url(images/bg.gif); når jeg vil have den helt venstre-stillet ?
Avatar billede roenving Novice
10. februar 2006 - 15:28 #4
background-position: right top; !-)
Avatar billede oppermann Nybegynder
10. februar 2006 - 15:49 #5
DEt virker næsten.

Nu mangler jeg bare at den der ligger i div'en (højre side) fortsætte hele vejen ned af siden og ikke kun i det område diven dækker. Baggrunden defineret i body, går jo hele vejen ned ad siden. Uafhængig af indhold..
Avatar billede roenving Novice
10. februar 2006 - 15:55 #6
Tilføj en regel i dit stylesheet:

html,body{height:100%;}

-- og sæt din baggrundsdiv til også at være 100% i højden !-)

PS. Det forudsætter selvfølgelig, at du også tvinger IE til at overholde grundlæggende css-standarder ved at bruge en fuldt kvalificeret doctype inklusive dtd-link !o]
Avatar billede oppermann Nybegynder
10. februar 2006 - 16:02 #7
Jeg kan bare ikke få det til at virke for diven.

Det her har jeg: selve diven <div id="bg" height="100%"></div>

og CSS'en til den: #bg{
    background-image: url(images/bg.gif);
    background-position: right top;
    background-repeat: repeat-y;
    height:100%;
}
Avatar billede roenving Novice
10. februar 2006 - 16:05 #8
Hvilken doctype bruger du ?-)
Avatar billede oppermann Nybegynder
10. februar 2006 - 16:08 #9
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Avatar billede roenving Novice
10. februar 2006 - 16:10 #10
-- og der er ikke noget foran doctype-tagget ?-)
Avatar billede oppermann Nybegynder
10. februar 2006 - 16:11 #11
nope..
Avatar billede roenving Novice
10. februar 2006 - 16:13 #12
-- og du har også tilføjet html,body-reglen ?-)
Avatar billede oppermann Nybegynder
10. februar 2006 - 16:14 #13
problemet er at baggrunden kun strækker sig så langt som indholdet af div'en går.
Avatar billede oppermann Nybegynder
10. februar 2006 - 16:17 #14
Doh, så siger jeg ikke mere :D

Tak for hjælpen, det hjalp på det ;)
Avatar billede roenving Novice
10. februar 2006 - 16:20 #15
Velbekomme '-)
Avatar billede oppermann Nybegynder
10. februar 2006 - 16:48 #16
Hov, det funker stadig ikke i firefox!?
Avatar billede oppermann Nybegynder
10. februar 2006 - 17:00 #17
Samme problem med at den kun følger ned så langt som divens indhold rækker.
Avatar billede oppermann Nybegynder
11. februar 2006 - 13:28 #18
Jeg har fundet ud af at problemet egentlig er at den kun fortsætter så langt ned som browservinduet viser. Altså alt det jeg skal scrolle for at se har ikke baggrunden.
Avatar billede roenving Novice
11. februar 2006 - 17:39 #19
Hrm, jeg gider ikke lige nu finde en løsning, som også Opera accepterer, men du kan f.eks. gøre sådan:

<script type="text/javascript">
window.onload = function(){
  var h = document.documentElement ? document.documentElement.scrollHeight : document.body.scrollHeight;
  document.getElementById("site").style.height = h + "px";
}
</script>
Avatar billede oppermann Nybegynder
12. februar 2006 - 23:47 #20
Det endte bare med at jeg satte en tabel ind og det virker så.Mange tak for hjælpen!
Avatar billede roenving Novice
13. februar 2006 - 12:46 #21
Oki -- o jeg takker for point ;~}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »