Notifikationer

Markér alle som læst Log ud

moso Nybegynder

02. februar 2006 - 14:02 Der er 11 kommentarer og
1 løsning

Kan man angive background-image på div i Firefox?

Jeg har en container (div) som centrerer mit indhold:
#content {
width: 780px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
text-align:left;
background-image:url(/images/site/split.gif);
}
Det fungerer fint i IE, men i Firefox vises baggrundsbilledet ikke?! Er der en god forklaring på det?

Synes godt om

roenving Novice

02. februar 2006 - 14:12 #1

Er du he4lt sikker på, at den angivne sti er rigtig, altså at billedet ligger i WebRoot/images/site/split.gif ?-)

-- for der er ikke noget galt i den angivne metode !-)

-- og så ville jeg gøre style-reglen lidt mere overskuelig ved at benytte en af css-shortcut-mulighederne:

#content {
width: 780px;
margin: 0 auto;
text-align:left;
background-image:url(/images/site/split.gif);
}

Synes godt om

moso Nybegynder

02. februar 2006 - 14:23 #2

Det virker som sagt i IE, så stien er rigtig nok.
Jeg har bygget det op sådan her:
<body>
<div id="content">
indhold - det er her baggrundbilledet ligger...
</div>
</body>

Min css:
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 11px;
background-color: #eeebe0;
}
#content {
width: 780px;
margin: 0 auto;
text-align:left;
background-image:url(/images/site/split.gif);
background-repeat:repeat;
}
Har det noget at sige?

Synes godt om

roenving Novice

02. februar 2006 - 14:31 #3

-- er der noget i diven ?-)

-- for FireFox og de andre geckoer viser ikke en div, hvis der ikke mindst er et mellemrum,   !-)

Synes godt om

moso Nybegynder

02. februar 2006 - 14:46 #4

Den er fyldt godt op;-)

Synes godt om

roenving Novice

02. februar 2006 - 14:52 #5

Kan du lægge et link ?-)

Synes godt om

moso Nybegynder

02. februar 2006 - 15:05 #6

2 sek

Synes godt om

moso Nybegynder

02. februar 2006 - 15:23 #7

Når jeg stripper koden så virker det, så fejlen ligger nok i en klodset kodning. Jeg roder lidt mere med det og vender tilbage...

Synes godt om

moso Nybegynder

02. februar 2006 - 15:46 #8

Kan det skyldes at jeg bruger float:left til at placere mit indhold inde i #content?

Synes godt om

roenving Novice

02. februar 2006 - 15:48 #9

Ja, det kan det faktisk godt !o]

Prøv i FireFox at åbne DOM-inspectoren ([ctrl] + [shift] + i !-), så kan du se, hvor de forskellige elementer optræder (de får en blinkende rød kant !-)

Synes godt om

roenving Novice

02. februar 2006 - 15:52 #10

-- i øvrigt er den nemme løsning at sætte en ellers tom div ind sidst i content-boksen med style="clear:both;"

Synes godt om

moso Nybegynder

03. februar 2006 - 15:03 #11

Jeg kan ikke få det til at virke. Der sker ingenting når jeg sætter en tom div ind som du skriver. Jeg kan heller ikke åbne DOM-inspectoren når jeg bruger "ctrl + shift + i".
Derfor er jeg bange for at jeg skal lave opbygningen om, og anvende position istedet for float. desværre er jeg lang henne i processen... Jeg roder videre. Vender tilbage med svar når der er noget! (men tak so far)

Synes godt om

moso Nybegynder

23. maj 2006 - 23:23 #12

Jeg tror stadig det ligger i anvendelsen af float men er ikke sikker. Lukker...

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS