23 svar · 1 045 visningar · startad av bobrov · sida 2 av 2
Hej. Har inte sysslat med css, men tycker jag brukar få koll på grejer ganska fort ändå. Byggde en testsida innan och lyckades riktigt bra, men den gången hade jag bakgrundsfärg och lade in bilder i olika div-taggar med mera. Nu på den nya sidan vill jag ha lite gradient overlay på bakgrunden så jag skapade en bild i ps. 500 px hög och 5 px bred. Tänkte slänga in den som bakgrundsbild och repeter
Läs frågan i sin helhet →jo headbug =) jag såg din länk in i mellan lite senare än jag skrev inlägget. och tack så mycket, ni är väldigt hjälpsamma. dock har min hjärna fortfarande inte fått rätsida på vad height-attributet gör för inverkan när det är placerat i body-tagen. men tiden får väl utvisa om jag kommer lyckas förstå det. brukar vara först när man får ett konkret exempel och man måste använda det som man lyckas fatta.
om inte någon kan förklara för en "idiot" som mig...=)
Nu knyckte jag din bild och lade den på äpplets plats i en div inte i body och ökade visningen till hela viewporten. Läs texten på sidan... och testa...
http://member.webforum.nu/9656/stretch3.html.
Inte så bra...
Jag tror du tänker body är 100% och där vill du att din bild ska vara. Men det är bilden som visas till 100% av sig själv.En div blir 100% av sitt innehåll om man inte anger en höjd i px eller em. Så om du vill att din bild ska visas som en enda bild i body och inte repeteras så får du göra om bilden så den blir lika hög som du vet att din sida kommer att bli med sitt innehåll. Men då kommer bara den översta biten av bilden att visas när innehållet inte är så högt som hela bilden..., så detta med att ha en bakgrundsfärg som tar över när bilden är slut är det absolut bästa som jag kan se det... blir mindre överraskningar då...
Men du har alltid den här sidan du kan gå till och testa din sida... och se hur det ser ut i ett gäng webläsare... http://browsershots.org/
Jag skickade upp sidan nu... http://browsershots.org/http://member.webforum.nu/9656/stretch3.html
tanten skrev:
Förlåt headbug... Jag läste inte din länk... Såg nu att de hade fått med css3, men hur många webläsare har stöd för det?
Precis, vi väntar på att 3.0 ska slå, men innan det är verklighet så kan man ju göra som resten av texten i min länk handlar om, en workaround för att få det att fungera i FF och IE idag :)
headbug skrev:
Precis, vi väntar på att 3.0 ska slå, men innan det är verklighet så kan man ju göra som resten av texten i min länk handlar om, en workaround för att få det att fungera i FF och IE idag :)
Kan väl tycka att det är en lösning, och det är ju då bara några rader i css som behöver ändras och läggas till, även om jag kan bli irriterad på IE:s tråkiga sätt att gunga fram innehållet över en fixerad bakgrundsbild, när man scrollar.
Min illustration kanske mer handlade om att ge ett konkret exempel på % i body och i viewporten, som han frågade efter. Utan att veta om det blev begripligt... ;)
