Avatar billede mikael_c Nybegynder
24. maj 2003 - 20:39 Der er 54 kommentarer og
1 løsning

Udstrukket baggrund

Lad os sige jeg har en baggrund min side som er 800x600 og den passer til min opløsning... hvordan gør jeg så sådan at hvis der fx kommer en besøgende med en opløsning som svarer til 1280x1024, så vil baggrunden blive gendannet utallige gange... dog vil jeg gerne have at den blir større istedet.. altså udstrakt..
Avatar billede cdc Novice
24. maj 2003 - 20:48 #1
det kan man ikke
Avatar billede doggy82 Praktikant
24. maj 2003 - 20:48 #2
hmm jeg har ikke et svar, men det burde kunne lade sig gøre.
Man kan jo "læse" brugerens opløsning.
Så man ku' jo lave noget JS som satte en tilsvarende "width" og "height" på billedet.
Avatar billede doggy82 Praktikant
24. maj 2003 - 20:49 #3
er du sikker på det /cdc ?
Avatar billede cdc Novice
24. maj 2003 - 20:50 #4
Har endnu ikke set en løsning på lige dette problem endnu, men der skal altid være en første gang :o)
Avatar billede mikael_c Nybegynder
24. maj 2003 - 20:50 #5
det er virkeligt noget jeg går rundt og mangler.. så krydser fandeme fingre
Avatar billede cdc Novice
24. maj 2003 - 20:52 #6
for at forhindre at den ikke gentager sig kan du:
uden gentagelse, settes i body:  style="background-repeat: no-repeat;"
Avatar billede cdc Novice
24. maj 2003 - 20:54 #7
du kan også placere det hvor som helst på siden også:

style="background-position: right bottom;" også i body

ellers kig her: http://www.html.dk/tutorials/css/lektion3.asp#background-position
Avatar billede doggy82 Praktikant
24. maj 2003 - 20:56 #8
Altså man kan da benytte det her JS:

document.write(window.screen.availWidth)
document.write(window.screen.availHeight)

til at skrive html koden for width og height med JS.
Men kan man egentlig sætte width og height på en background ?
Avatar billede doggy82 Praktikant
24. maj 2003 - 21:01 #9
Nej det kan man ikke.
Avatar billede cdc Novice
24. maj 2003 - 21:02 #10
ikke hvad jeg ved :o)
Avatar billede doggy82 Praktikant
24. maj 2003 - 21:07 #11
(det her ved jeg intet om)
Hvad med layers? man kan måske lægge et <img> i et nedre layer - or what ?
Avatar billede cdc Novice
24. maj 2003 - 21:26 #12
ja eller en tabel i bunden, og bygge siden op indeni den
Avatar billede doggy82 Praktikant
24. maj 2003 - 21:39 #13
Så det er javascriptet noget lign.

var forhold = her skriver du forholdet mellem længde og højde på dit billede

var bredde = window.screen.availWidth
var hojde = bredde*forhold
document.write("<img scr=\"back.jpg\" width=\""+bredde+"\" height=\""+hojde+"\" >")

...er det helt galt?
Det skal så sættes ind i noget layer noget - mejn det ved jeg intet om
Avatar billede doggy82 Praktikant
24. maj 2003 - 21:44 #14
meeeen det virker måske kun hvis brugeren har maksimeret sit browser vindue ?!?!?!

Jeg tror bare vi skal vente til der kommer en "prof" forbi :-)
Avatar billede roenving Novice
24. maj 2003 - 21:58 #15
Hvad med at lægge en layer med z-index=-1 og så lægge baggrunden der -- så kan man tilpasse den efter behov ?-)
Avatar billede olebole Juniormester
24. maj 2003 - 22:29 #16
<ole>

roenving >> Det er ikke så let endda, fordi IE er så pokkers fyldt med fejl  :o|

/mvh
</bole>
Avatar billede doggy82 Praktikant
24. maj 2003 - 22:32 #17
the monster is alive !  ;-)

Nå men olebole hvad siger du ellers til problemstillingen ?
Avatar billede roenving Novice
24. maj 2003 - 22:33 #18
Jeg har ikke selv prøvet at lægge den slags ting oven på hinanden, hvad laver M$'s hjertebarn dog problemer med ...
Avatar billede olebole Juniormester
24. maj 2003 - 22:52 #19
Hehe ... så poetisk du dog kan beskrive den forpulede snotunge. USA burde virkelig lempe deres restriktive abort-lovgivning, så man kunne aflive den slags misfostre, før de kom ud af kuvøsen  ;oD

Et af de mange problemer er, at 'document.body.scrollHeight' returnerer innerhøjden af vinduet, hvis man sætter den DOC-TYPE, der forhindrer, IE mistolker CSS-Box-Modellen  :o|

Nå, dette 'hack' skulle da klare både IE, NS og Mozilla:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>TITLE</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html, body {
    height: 100%;
}
body {
    margin: 0px;
}
</style>
<script type="text/JavaScript">
var d = document;
window.onload = function() {
    var w = (d.all)? d.getElementById("content").offsetWidth : d.documentElement.offsetWidth;
    var h = (d.all)? d.getElementById("content").offsetHeight : d.documentElement.offsetHeight;
    var str = '<img src="Sascha.jpg" width="'+w+'" height="'+h+'" style="position:absolute;z-index:1">';

    d.body.innerHTML += str;
}
</script>
</head>
<body>

<div id="content" style="position:absolute;width:100%;height:100%;z-index:2">
Her er dit side indhold
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Indhold slut
</div>

</body>
</html>
Avatar billede roenving Novice
24. maj 2003 - 23:41 #20
Ok ole, den klarer IE4+ og NS6+, ikke ?-)
Avatar billede olebole Juniormester
24. maj 2003 - 23:50 #21
NS6 klarer den som en mis. IE6 ligeså - men det er korrekt, jeg ikke har skrevet til IE4.X. Jeg har desværre kun en IE6 inde for tiden  :)
/mvh
Avatar billede roenving Novice
24. maj 2003 - 23:53 #22
-- kunne du ikke lige så let bruge document.all, når det alligevel er M$ du checker for ?-)
Avatar billede olebole Juniormester
25. maj 2003 - 00:13 #23
Det er ikke til at forudsige, hvordan - og på hvad - den reagerer uden en browser at teste i. Så hellere undlade at skrive noget bras  ;o)
/mvh
Avatar billede roenving Novice
25. maj 2003 - 00:22 #24
According to my book *g* ...
-- så er offsetWidth og -Height kompatibel med IE4+ og NS6+, så hvis man bruger document.all i stedet for document.getElementById i ovenstående kode skulle IE4-brugere kunne komme med ... ;O)

-- og jeg har heller ikke andet end en IE6 så jeg har heller ikke kunnet afprøve ...
Avatar billede cdc Novice
25. maj 2003 - 00:23 #25
det er dejligt at se en problemstilling blive diskuteret. Rent kode ville det måslke på en eller anden måde kunne lade sig gøre, men rent grafisk ............bøøøøøøøøøøøøøøøøøøøøhhhhhhhhhhhhhh, er jo aldrig kønt at blæse en 800x600 på in 1024x768.
Løsningen rent grafisk ville være ...LAV en til hver opløsning...
NO offence olebole, rent kode er det fint, men grafisk vil det ligne af L... ! :o)
Ellers lang tid siden :o)
Avatar billede roenving Novice
25. maj 2003 - 00:33 #26
Kastede lige koden ind -- det gav en opløsning dom var ca. 30 % større en dskærmen ...
Avatar billede olebole Juniormester
25. maj 2003 - 00:39 #27
roenving >> Der er så meget, der burde være kompatibelt med IE - men ikke er det  :)

/cdc >> Jeg er enig i, at det som oftest kommer til at ligne lort og døde gnuer - men i enkelte tilfælde virker det helt fint. Det kommer an på grafikken.
http://www.smashstatusquo.com/ - som var Adobes show-off-site - havde på et tidspunkt en lille gif-animation på 10*10 px af et 'pixel' ur. Det blev blæst op til i nærheden af 300*300 px, mens noget tungt DHTML blev loaded (Du ved: Skrevet i GoLive med laaaaaaaaange scripts).
Det så ret kanon ud  ;o)
/mvh
Avatar billede olebole Juniormester
25. maj 2003 - 00:39 #28
roenving >> I hvilken browser?
Avatar billede roenving Novice
25. maj 2003 - 00:42 #29
IE6 sp1
Avatar billede olebole Juniormester
25. maj 2003 - 01:18 #30
Hmmm .... gad vide, hvad du har lavet(?) Det funker upåklageligt her ... i samme bruser under Win2K  :)
Avatar billede roenving Novice
25. maj 2003 - 01:20 #31
størrelse: 1123*1026 på en 1152*864 opløsning ...
Avatar billede roenving Novice
25. maj 2003 - 01:21 #32
Men billedet fylder adskilligt mere end de der 1123- et gæt er, at det er oppe på ca. 1300-1400
Avatar billede roenving Novice
25. maj 2003 - 01:29 #33
PS. Jeg afprøvede så også lige min påstand om document.all -- den giver selvfølgelig ingen forskel i IE6 ...
Avatar billede cdc Novice
25. maj 2003 - 01:30 #34
olebolde--> Jeg ved at, ( min hade reklame ) VI ses hos BIVA.....med deres tilbuds avisn havde en løsning på dette problem, men ikke mere, så jeg nåede ikke at fange den, men resultatet var ikke optimalt, da grafikken blev meget grovkornet.
Det er intet problem hvis man kan styre sin grafik....hvis ikke er det mere til ska de en gavn, så virker det som lort, i stedet fir noget godt :o)
Avatar billede cdc Novice
25. maj 2003 - 01:32 #35
bøøø så skal man sove kan jeg se....min staveplade har fundet dynen
Avatar billede roenving Novice
25. maj 2003 - 01:35 #36
har den gemt sig under den *gg*
Avatar billede olebole Juniormester
25. maj 2003 - 01:42 #37
Jeg sidder på en Armada 700. Den kan ikke gå højere i opløsning end 1024  :(
Det lyder dog helt utroligt, det skulle ændre sig med opløsningen
/mvh
Avatar billede roenving Novice
25. maj 2003 - 01:47 #38
Vrøvl fik jeg lagt -- men billedet (forøvrigt bruger jeg eksperten-logoet fra denne side som test) har skaleret sig relativt -- det har fundet bredden præcist (de 1123 -- passer jo meget godt med scrollbar)

-- ah skal lige prøve med et par <br>s færre
Avatar billede roenving Novice
25. maj 2003 - 01:49 #39
<br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

gjorde det ?-|
Avatar billede olebole Juniormester
25. maj 2003 - 01:51 #40
Hehe ... derfor skrev jeg:

....... <br><br>
Indhold slut
</div>

Så kan man se, hvor den slutter  ;o))
Avatar billede roenving Novice
25. maj 2003 - 01:54 #41
;O)

-- og når der kommer færre <br>s skalere den faksiskt til hele skærmbilledet, men ellers skalerer den til den beregning, den laver på sidehøjden ...

jeg kan ikke lige gennemskue om jeg skal kalde det genialt eller ...
Avatar billede doggy82 Praktikant
25. maj 2003 - 01:59 #42
Hva' øhhh hvornår uploader I et eksempel så man/jeg kan følge med ?
Avatar billede olebole Juniormester
25. maj 2003 - 02:00 #43
KALD DET GENIALT ...!!! Årrhhhh ... bare en lille smule ... *fedte-fedte-fedte* ... pleeeeeeeeease ...!!!  :D
Avatar billede roenving Novice
25. maj 2003 - 02:03 #44
>>doggy
Tag bare oles eksempel -- hvis du lader alle de der <br> stå laver den en virtuel højde -- fjerner du en stribe af dem, så skalerer den billedet til dit browservindues størrelse ...
Avatar billede olebole Juniormester
25. maj 2003 - 02:08 #45
Avatar billede roenving Novice
25. maj 2003 - 02:10 #46
Så har du vist fået brugt din protion af <br> for hele året ... *ggg*
Avatar billede doggy82 Praktikant
25. maj 2003 - 02:15 #47
Det er sgu det smukke ved html, JS osv.
- der er så mange muligheder for at manipulere og lave små finter.
Og der er du jo mesteren olebole.

Men altså jeg havd gang i noget JS tidligere i denne tråd.
Jeg syntes det ville være smartere hvis højden (eller bredden) blev defineret efter forholdet mellem siderne på ens billede-fil
- så man ikke får et skævt billede. Okay man går måske glip af noget i bunden så, men det ku' være smart.
Avatar billede roenving Novice
25. maj 2003 - 02:18 #48
Skalering af billeder er aldrig smart -- men vi kan jo begrænse skaleringen efter mulighederne ...
Avatar billede olebole Juniormester
25. maj 2003 - 02:20 #49
roenving >> Som den afdøde, amerikanske pianist Libarache ofte sagde (dog vist nok aldrig om <br>'er):
"Too much of a good thing is just ............... *GOooOooOooOOORGIOUS* ...!!!"

Bør siges med hviszzzlende szzz'er og akkompagneret af raslen af masser af diamantringe og bløøøøøøøde håndled  :D

doggy82 >> Jeg skal i seng nu, men jeg skal se, om jeg husker at kikke på det imorgen. Har lige en røvfuld koder, jeg skal have skrevet først  ;o)
/mvh og goodnight
Avatar billede doggy82 Praktikant
25. maj 2003 - 02:22 #50
Men det er jo simpelt at lave.
Enten gør man så'n:

var forhold = forholdet mellem siderne
var w = (d.all)? d.getElementById("content").offsetWidth : d.documentElement.offsetWidth;
var h = w*forhold

eller:

var forhold = forholdet mellem siderne
var h = (d.all)? d.getElementById("content").offsetHeight : d.documentElement.offsetHeight;
var w = h*forhold

right ?
Avatar billede roenving Novice
25. maj 2003 - 02:32 #51
Ja, og så skal du bare bestemme hvadfor en som er størst/mindst
Avatar billede mikael_c Nybegynder
17. juni 2003 - 19:23 #52
rrR
Avatar billede cdc Novice
17. juni 2003 - 19:28 #53
må man spørge hvorfor der ikke bliver uddelt points her
Avatar billede olebole Juniormester
17. juni 2003 - 20:44 #54
Det er nok bare spørgerens lidt kejtede forsøg på at sige:
  "Undlad at hjælpe mig næste gang, please"
Avatar billede roenving Novice
17. juni 2003 - 21:55 #55
Eller: 'Lad MIG være i fred' -- hvilket vi sikkert vil efterleve ...
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