Avatar billede Slawomir Seniormester
10. marts 2004 - 22:10 Der er 9 kommentarer og
1 løsning

billedet helt ud til kanten

hej

jeg vil høre om der er nogen der kan hjælpe mig med at få billedet helt ud til kanten, jeg mener at billedet skal fylde hele bg

body { background-color: #FFF; background-image: url("42.jpg"); height:100%; width:100%; background-repeat: no-repeat; background-position: top-left; }

på forhånd tak

//bk
Avatar billede roenving Novice
11. marts 2004 - 00:53 #1
Er det:

margin:0px;

?-)

Du kan også prøve padding:0px; men den skulle ikke betyde noget !-)

-- men hvis du mener, at baggrunden skal strække sig efter størrelsen er du i en blindgyde med den nuværende css-udgave !-)
Avatar billede Slawomir Seniormester
11. marts 2004 - 01:15 #2
ok, og det var mig der troede at jeg var begyndt at forstå en lille smulle mere end jeg gjorde for et stykke tid siden :-)

det jeg mener er, at strække billedet fra kant til kant
Avatar billede roenving Novice
11. marts 2004 - 01:17 #3
Det er desværre en blindgyde !-)
Avatar billede Slawomir Seniormester
11. marts 2004 - 01:20 #4
hvad med css 2, kan den gøre det? eller/og har du nogen foslag til hvordan man kan gøre det?
Avatar billede Slawomir Seniormester
11. marts 2004 - 01:29 #5
foslag=forslag
Avatar billede roenving Novice
11. marts 2004 - 01:29 #6
Den eneste brugbare løsning er dejlig irriterende !-)

Læg et image på baggrunden, skaler det onload til at udfylde størrelsen og giv det z-index:0 ...

Læg henover en div, som ligeledes skaleres onload og får position:absolute;top:0px;left:0px;z-index:1;background:transparent;

Inde i den lægger du så alle andre elementer !-)

PS. Husk, at for at aftaste sidens størrelse korrekt, skal du lægge en linje med følgende i din css:

html,body{height:100%;margin:0px;padding:0px;}
Avatar billede Slawomir Seniormester
11. marts 2004 - 01:50 #7
det driller mig, prøver igen imorgen

bare læg et svar
Avatar billede roenving Novice
11. marts 2004 - 01:56 #8
<html><head><title>Titel</title>

<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
</style>
</head>

<body>
<img id="baggrund" src="background.jpg" style="height:100%;width:100%;z-index:0;">
<div id="indhold" style="position:absolute;top:0px;left:0px;z-index:1;background:transparent;height:100%;width:100%">

<!-- det øvrige indhold -->

</div>
</body>
</html>

-- velbekomme '-)
Avatar billede roenving Novice
11. marts 2004 - 02:23 #9
-- og tak for points ;~}
Avatar billede Slawomir Seniormester
11. marts 2004 - 13:20 #10
velbekomme og tak for hjælpen :-)
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