Søg
Avatar billede shamrock Nybegynder
23. september 2005 - 08:54 Der er 13 kommentarer

background-attachment: fixed, virker ikke i Firefox

Hej Eksperter

Når jeg kører dette i IE:

    background-image: url("../gfx/baggrund.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;

Virker det perfekt! (Men det gør det ikke i firefox...)

Når jeg kører dette i firefox:

    background-image: url("../gfx/baggrund.jpg");
    background-repeat: no-repeat;

Virker det perfekt!

Hvad gør jeg??

Det er som om at Firefox ikke bryder sig særligt meget om background-attachment: fixed; ??

Vh
Michael
Avatar billede shamrock Nybegynder
23. september 2005 - 08:56 #1
Og når jeg kører

  background-image: url("../gfx/baggrund.jpg");
  background-repeat: no-repeat;

uden en "fixed" så bliver baggrundne ikke siddende hvor den skal i IE :(
Avatar billede olebole Juniormester
23. september 2005 - 14:21 #2
<ole>

Du må gøre noget forkert

/mvh
</bole>
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 14:27 #3
Prøv med en shorthand css:

element { background: url(back.gif) fixed; }
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 14:30 #4
Hov... med no-repeat
element { background: url(../gfx/baggrund.jpg) no-repeat fixed }

c"¸ )
Avatar billede olebole Juniormester
23. september 2005 - 14:34 #5
Det andet virker fint i FF og IE, Jesper. Spørgeren laver med statsgaranti en fejl, han ikke viser  :)
Avatar billede shamrock Nybegynder
23. september 2005 - 14:39 #6
OleBole:
Nej det gør han med garanti ikke :)


her er koden, og det virker kun i IE. I firefox er billedet ikke som det skal...

div.middlecol {

    position: absolute;
    top: 8.5em;
    left: 12em;
    background-color: transparent;
    height: 24.2em;
    width: 34em;
    overflow: auto;
    color: #000000;
    font-family: Verdana;
    scrollbar-face-color: #E6E0CF;   
    scrollbar-highlight-color: #E6E0CF;     
    scrollbar-shadow-color: #9B8C5F;     
    scrollbar-3dlight-color: #9B8C5F;     
    scrollbar-arrow-color: #9B8C5F;     
    scrollbar-track-color: #E6E0CF;     
    scrollbar-darkshadow-color: #ffffff;     
    scrollbar-base-color: #ffffff;
    background-image: url("../gfx/forside2.jpg");
        background-attachment: fixed;
        background-repeat: no-repeat;

}
Avatar billede olebole Juniormester
23. september 2005 - 14:53 #7
Vis os også HTML'en  :)
Avatar billede shamrock Nybegynder
23. september 2005 - 15:02 #8
<?php

setlocale(LC_ALL,'da_DK');
//header('Content-Type: text/html;charset=ISO-8859-1');

function selected($file)
{

    if($file==basename($_SERVER['SCRIPT_FILENAME']))

    {

    echo('class="selected"');

    }

}

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">

<head>
<meta http-equiv="Content-Type" content="text/html;>charset=iso-8859-1" />

    <meta name="author" content="Michael Bender" />
    <meta name="description" content="Bohême Dancestudio Copenhagen er et nyt dancestudio på Bryggen - og tilbyder mange former for stilarter" />
    <meta name="keywords" content="sofie mai dancestudio boheme bohême nexus danseskole dans nik&jay funk jazz islands brygge" />

    <title>

<?php

$title=(isset($title)?$title:'Boheme Dance Studio');

echo(htmlentities($title));

?>

    </title>

    <link rel="stylesheet" href="styles/main.css" />

<script language="JavaScript1.1" src="scripts/onover.js"></script>

    <script language="JavaScript1.1">

    <!-- hide

    preload("undervisere", "gfx/undervisere1.gif", "gfx/undervisere2.gif");
    preload("timer", "gfx/timer1.gif", "gfx/timer2.gif");
    preload("praktiske", "gfx/praktiske1.gif", "gfx/praktiske2.gif");
    preload("online", "gfx/online1.gif", "gfx/online2.gif");
    preload("shows", "gfx/shows1.gif", "gfx/shows2.gif");
    preload("kontakt", "gfx/kontakt1.gif", "gfx/kontakt2.gif");
    preload("galleri", "gfx/galleri1.gif", "gfx/galleri2.gif");
    preload("nyheder", "gfx/nyheder1.gif", "gfx/nyheder2.gif");
    preload("skema", "gfx/skema1.gif", "gfx/skema2.gif");
    preload("cs", "gfx/undervisere/cs_sort.gif", "gfx/undervisere/cs_farve.gif");
    preload("tr", "gfx/undervisere/tr_sort.gif", "gfx/undervisere/tr_farve.gif");
    preload("sms", "gfx/undervisere/sms_sort.gif", "gfx/undervisere/sms_farve.gif");
    preload("jw", "gfx/undervisere/jw_sort.gif", "gfx/undervisere/jw_farve.gif");

            // -->

    </script>
   
<script language="Javascript">
  function PopupPic(sPicURL) {
    window.open( "popup.htm?"+sPicURL, "", 
    "resizable=1,HEIGHT=200,WIDTH=200");
  }
  </script>

</head>

<body>
Avatar billede shamrock Nybegynder
23. september 2005 - 15:03 #9
og den slutter selvfølgelig med at slutte tagsene efter alt indholdet :)

tak for hjælpen drenge!
Avatar billede shamrock Nybegynder
23. september 2005 - 15:07 #10
I er velkommen til at tage et kig på www.bohemedancestudio.dk og se forskellen med IE og firefox.
Jeg har løst problemet en smule ved at bruge

background-position: bottom right;

Men firefox opfatter det stadig ikke på samme måde som IE :-(

Hvis nogle kan løse problemet vil jeg gerne give flere point ud hvis i vil have det, jeg vuil meget gerne have løst problemet...
Avatar billede shamrock Nybegynder
23. september 2005 - 15:09 #11
Evt. feedback til siden tager jeg også gerne imod, vil gerne forbedre den hvis i har nogle ideer...
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 17:51 #12
Prøv evnt at skrive
background-image: url(../gfx/forside2.jpg);
i stedet for.
background-image: url("../gfx/forside2.jpg");
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 17:56 #13
en ide til site må være at lave den i HTML 4.01 (evnt strict) istedet for XHTML
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 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
05/0810:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
White papers
Flere white papers »