CSS Problemer (Tror jeg)

25. september 2008

Hei,

Driver å leiker litt med en fiktiv side, men det oppstår en liten CSS feil når jeg scroller.
Om du tar en kikk på dette:

http://tinyurl.com/53svgm

Bakgrunnen blir dratt over divFlower på en merkelig måte. Noen som vet hvordan jeg får fiksa dette?

Litt kode:

Kode

body {
    background-image: url(images/bgImgRight.png);
    background-repeat: repeat;
    background-attachment:fixed;
    margin-top:0px;
    margin-left:0px;

}

.divFlower {
    position:absolute;
    background-image: url(images/imgFlower.png);
    background-attachment:fixed;
    padding-left:0px;
    padding-top:0px;
    width:261px;
    height:297px;
}

HTMLen er vel ganske vanlig.

Kode

<body>

    <form id="form1" runat="server">
    
    <div id="divFlower" class="divFlower"></div>
    
    <div id="divLogo" class="divLogo"></div>
    
    <div id="divMenu" class="divMenu">
        
        <img alt="Hjem" src="menyimg/hjemUnImg.png"/><img alt="Portfolio" src="menyimg/portUnImg.png"/><img alt="Om MooshMedia" src="menyimg/mooshUnImg.png"/><img alt="Tjenester" src="menyimg/tjenesterUnImg.png"/><img alt="Kontakt Oss" src="menyimg/kontaktUnImg.png"/>
            
    </div>
    
    <div id="divWrapper" class="divWrapper">
       
        <div id="divHeader" class="divHeader"></div>
        <div id="divContent" class="divContent">    
            <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <div id="divFooter" class="divFooter"></div> 
        
    </div>   
        
    
    </form>

</body>

Takk!

fulloggal

3.415 380

25. september 2008

Sett z-index på bakgrunnen til en høyere enn bakgrunnen til venstre. Hvis ikke det går, prøv omvendt.

moosh

Trådstarter

314 31

25. september 2008

Funket ikke det heller :O Hva kan det være da? Legger ved hele CSS fila. Mulig det er noe annet som er gale.

Kode

body {
    background-image: url(images/bgImgRight.png);
    background-repeat: repeat;
    background-attachment:fixed;
    margin-top:0px;
    margin-left:0px;
    z-index:3;

}

.divFlower {
    position:absolute;
    background-image: url(images/imgFlower.png);
    background-attachment:fixed;
    padding-left:0px;
    padding-top:0px;
    width:261px;
    height:297px;
    z-index:0;
}

.divLogo {
    position:absolute;
    background-image: url('images/logoImg2.png');
    padding-left:0px;
    padding-top:0px;
    width:325px;
    height:68px;
    left:591px;
    top:95px;
}

.divMenu {
    position:absolute;
    width:797px;
    height:78px;
    padding: 0px;
    left: 118px;
    top: 158px;
}
.divWrapper {
    position:absolute;
    left:118px;
    top:236px;
    padding-left:0px;
    padding-top:0px;
}
.divHeader {
    background-image: url(images/topContentImg.png);
    width:797px;
    height:41px;
    padding-left:0px;
    padding-top:0px;
}
.divContent {
    background-image: url(images/midContentImg.png);
    background-repeat: repeat-y;
    width:797px;
    height:auto;
    padding-left:40px;
    padding-top:0px;
}
.divFooter {
    background-image: url(images/footerContentImg.png);
    width:797px;
    height:88px;
    padding-left:0px;
    padding-top:0px;
}

Trenger ikke å være slik heller! Er det en annen måte jeg kan få gjort det jeg vil? Mulig jeg har gjort det på en teit måte.

Tingen er at jeg har ett lite bilde (Den grønne blomsteren), den skal være fixed der oppe hele tiden. Så skal det svarte (bakgrunnen med noise) bli repeata slik den fyller ut uansett hvor stor oppløsning noen har på siden min.

flexd

Tittelninja

1.832 378

25. september 2008

Bruker du ikke denne som bakgrunns bilde? Lettere å bare slenge inn blomsten for seg selv fixed, og så repetere en liten dott av bakgrunns svarten som background for alt?

Sist endret av flexd; 25. september 2008 kl. 11:45.

moosh

Trådstarter

314 31

25. september 2008

Nå har jeg oppdatert litt, slik det er ett stort bakgrunnsbilde som ligger i bakgrunnen istedet. Men dette blir igrunn litt tungvindt da alle andre tingene loader før bakgrunnen har komt. Så da blir vel neste spørsmål: Hvordan får jeg da bakgrunnen til å preloade før noe annet kommer på siden?

Det samme gjelder igrunn mouserollover på knappene. Må liksom holde musen over en stund før de blir loada. Hadde vært supert om alt ble loada før siden viste i det hele tatt.