24. april 2003 - 10:38Der er
9 kommentarer og 1 løsning
hvordan for et baggrundsbilllede til at passe 100% til en frame
kan man ligge baggrunden ind i en tabel? så den passer 100% til det frame den skal være i, eller skal jeg til at rette i billedet? Hvis jeg skal rette i billedet betyder det jo også jeg desværre skal køre med fastopløsning på min side for ellers mister man jo noget af oplevesen eller skal til at scrolle rundt bare for at kunne se det hele.
hvis du bare skriver img src="dit_billeder.jpg" , så skulle tabellen gerne tilpasse sig størrelsen på billedet..omk du så kommer til at scrolle rundt, det afhænger af hvor stort dit billede er...
jeg tror ikke jeg har formuleret mig godt nok. Jeg har et billede jeg skal bruge til baggrund i et left frame. billedet passer perfekt med 800x600 men jeg køre med en højre opløsning næmelig 1280x1024 så når jeg går ind på sidden ligger den baggrundsbilledet dobbelt. jeg vil gerne vide om jeg kan forhindre baggrunden i det ved at angive størrelsen på baggrunden i %. kan man det?
du kan i hvert fald undgå at det ligger "dobbelt" med body { background: url(ditbillede.gif) #c0c0c0 fixed no-repeat center center; } men det er straks værre hvis det skal være større. det kan css ikke klare.
Den eneste løsning er, at tage udgangspunkt i billedet. Dvs. hvis billedet er fx. 200 x 100 (hxb), så skal tabellen eller framet have den samme størrelse.
Du skal dog være opmærksom på tabellens/framets kanter, som jo også optager plads!
det er ikke det svar jeg vil have alt det ved jeg godt man kan gøre men jeg vil have det skal framet skal fylde 100%x 20% og det skal baggrunden jo så også kan det ikke lade sig gøre?
<script> function getWD(direction){ var b1 = (window.innerWidth)?true:false; if (!b1) { var b2 = (document.body.offsetWidth==document.body.clientWidth)?true:false; var b3 = (document.body.offsetHeight==document.body.clientHeight)?true:false; var b4 = (document.documentElement&&document.documentElement.clientWidth)?true:false; } var sw = (b1)?window.innerWidth:(b2&&b4)?document.documentElement.clientWidth:document.body.clientWidth; var sh = (b1)?window.innerHeight:(b3&&b4)?document.documentElement.clientHeight:document.body.clientHeight; return (direction=="width")?sw:sh; } onload = function() { img = document.createElement('IMG'); img.src = "thror.jpg"; img.style.position = "absolute"; img.style.zIndex = -100; img.style.width = getWD("width"); img.style.height = getWD("height"); img.style.top = 0; img.style.left = 0; document.body.appendChild(img); }
</script>
prøv at sætte det her ind i <head> i den side, hvor billedet skal være. ændr "thror.jpg" til billedets URL. Vær opmærksom på at det kun dur i DOM browsere (IE5+, NS6+)
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.
Ny bruger
Nybegynder
Opret
Preview
