FAQ |
Kalender |
2009-02-15, 22:07 | #1 | ||
|
|||
Medlem
|
Ja vad bör man tänka på om man funderar på att lägga till en stor bakgrundsbild på sidan likt den som http://www.islandreefjob.com/ har med öarna och planet i bakgrunden? Visst är det snyggt men hur ska man tänka om man vill anpassa en sådan sida till en massa olika skärmstorlekar m.m.?
|
||
Svara med citat |
2009-02-16, 09:30 | #2 | ||
|
|||
Flitig postare
|
Citat:
det finns en hel del sätt att lösa detta på. Lite beroende på hur din bild ser ut och därmed vilka problem du ställs inför. Kollar vi på http://www.islandreefjob.com/ så är lösningen relativt enkel, eftersom bakgrundsbilden enbart är på botten av sidan och centrerad, det vill säga den hade fade på höger/vänster samt upp. Det skulle kunna lösas på följande vis; Kod:
//CSS #bg_back { background:#0099FF; } #bg_front { background:url(minbakgrund.png) no-repeat; margin:0 auto; width:800px; height:170px; } //HTML <!--SIDAN I ÖVRIGT HÄR OVAN--> <div id="bg_back"> <div id="bg_front"></div> </div> Kod:
//CSS body { background:#000000 url(minbakgrund.png) center top no-repeat; //Tänk på att även här fungerar en bild som har fade på höger/vänster + ner bäst. } Kod:
//CSS #bg { position:absolute; top:0; left:0; width:100%; height:100%; } #page { position:relative; top:0; left:0; } //HTML <body> <img src="bg.png" id="bg" /> <div id="page">Här har jag hela mitt innehåll.</div> </body> |
||
Svara med citat |
2009-02-19, 15:34 | #3 | ||
|
|||
Klarade millennium-buggen
|
i det specifika fallet är det bakgrundsbilder lite överallt.
I bodyn headern och i footern, ser det ut som. Lite så som vi gjorde för www.pinjata.com/se/ |
||
Svara med citat |
Svara |
|
|