Avatar billede pstidsen Novice
21. maj 2014 - 20:01 Der er 3 kommentarer og
1 løsning

Udfyld vinduet

Jeg er ved at lave denne side: http://sågørdetdog.dk/

Der er dog problemer med siden, når den vises på store skærme. Her er nogle screenshots fra en iMac 27" (2013):
https://dl.dropboxusercontent.com/s/5pn5wjbhzbgi2n9/FF_1.png
https://dl.dropboxusercontent.com/s/zal91zt00xmg9e7/FF_2.png
https://dl.dropboxusercontent.com/s/hrqfk59nmeakzjj/FF_3.png
https://dl.dropboxusercontent.com/s/ls1rbar7r2psyy2/FF_4.png
https://dl.dropboxusercontent.com/s/bg23yd671r53kz8/FF_front%20page%202.png

Som man kan se kommer der en masse hvid plads under siden på alle sider undtagen forsiden. Det burde kunne løses med noget min-height:100%; ikke? Men jeg synes jeg har prøvet at sætte det på en masse forskellige divs og jeg kan ikke rigtigt få det til at virke ordentligt. Det er meningen at både den grå "sten"-baggrund OG den blå/grå ensfarvede baggrund skal fylde 100% af højden af browservinduet.
Avatar billede Ankerbanker Nybegynder
27. maj 2014 - 02:18 #1
Kan du ikke lige opdatere links det virker ikke :)
Avatar billede Ankerbanker Nybegynder
27. maj 2014 - 02:20 #2
Jeg har prøvet at see din hjemmeside med stor skærm og opløsning kan ikke lige see det problem du siger men efter hvad jeg kan se som den tilpasser nu så har du fået rettet det :)
Avatar billede pstidsen Novice
27. maj 2014 - 08:12 #3
Undskyld! Det er løst. Jeg satte skifer-baggrunden om på body og den mørkeblå baggrund på en div, som både indeholder header, content og footer.

Koden er som følger:
html body div#site div#page div.page-canvas{
    background-color: #141C21;
    max-width: 1100px;
      background-image: none;
 
}

html body{
    background-attachment: fixed;
    background-image: url("http://xn--sgrdetdog-52a4s.dk/wp-content/uploads/2014/04/iStock_0000163115312filtre.jpg");
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
}

html,
html body,
html body div#site,
html body div#site div#page,
html body div#site div#page div.page-canvas{
    height:100%;
}
Avatar billede pstidsen Novice
05. juni 2014 - 00:25 #4
Godt eksperten.dk husker mig på, at jeg skal huske at lukke..
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