Avatar billede dennism Nybegynder
21. august 2007 - 18:14 Der er 9 kommentarer og
1 løsning

CSS: baggrund i bunden

Jeg har lavet en lille side her:
http://demaweb.dk/test/

I min CSS har jeg:
body {
    background-image: url("bg.jpg");
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}


Er det muligt via CSS at lave sådan, at baggrunden starter fra bunden og i midten, istedet for at starte oppe i venstre hjørne?

Billedet skal altså være centreret og med vertical-aligment i bunden.

Håber der er en der kan hjælpe!
Avatar billede nielle Nybegynder
21. august 2007 - 18:21 #1
Sådan?

body {
    background-image: url("bg.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    margin: 0;
    padding: 0;
}
Avatar billede dennism Nybegynder
21. august 2007 - 18:22 #2
Når jeg bruger den, forsvinder billedet, da toppen af billeder starter i bunden af "skærmen". Istedet vil jeg gerne have bunden af billedet til at starte i bunden af "skærmen". Håber du forstår hvad jeg mener?
Avatar billede olebole Juniormester
21. august 2007 - 18:25 #3
<ole>

Så skal du nok placere det med JavaScript. I CSS er der noget, der hedder 'i bunden af dokumentet' - ikke 'i bunden af skærmen' .... selvom FF ikke helt har fundet ud af dén lille detalje (surpraaaaaiiiiiiiiiize!)

/mvh
</bole>
Avatar billede dennism Nybegynder
21. august 2007 - 18:27 #4
olebole >>

Hvis det kun kan laves med JavaScript, hvordan skal jeg så gøre det?
Avatar billede olebole Juniormester
21. august 2007 - 18:33 #5
Mit råd: Lad være!  :)

Du skal have alt indhold i ét element, der positioneres absolute og f.eks. i 'z-index:2'. Derefter positioneres billedet absolute i 'z-index:1'.
På onload skal du så beregne viewport'ens højde og bredde og placere billedet i forhold til dette.

- men det skal dææææææleme være vigtigt for dig!  :)
Avatar billede dennism Nybegynder
21. august 2007 - 18:38 #6
Kan godt se, at CSS med position virker fint i IE - men hvorfor virker det dog ikke i FireFox?
Avatar billede olebole Juniormester
21. august 2007 - 18:45 #7
Fordi FF har nogle slemme bugs (også) på dette område. En baggrundsfarve på body-elementet stopper også ved bunden af viewport'en  :o|
Avatar billede dennism Nybegynder
21. august 2007 - 22:23 #8
Nogen der vil smide et svar her?
Avatar billede dennism Nybegynder
21. august 2007 - 22:23 #9
Måske kan I hjælpe her:
http://www.eksperten.dk/spm/792785
Avatar billede dennism Nybegynder
27. august 2007 - 22:03 #10
.lukker
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