[HTML?] scalable fixed background - Softwareontwikkeling

donderdag 16 september 2004 10:41

Acties:

Topicstarter

Ik ben een site aant maken voor een bedrijf.
Zij willen een achtergrond-plaatje in een frameset,
dus ik plaatje opknippen en past nu perfect in 1024x768
Nu wil ik hem scalable gaan maken, dus stukje altijd 100%x100% van zijn eigen frame.
Daarbij moet hij ook nog eens fixed zijn, dus wanneer je gaat scrollen dat dat ding "in je gezichtsveld blijft staan".

MAAR HET LUKT ME NIET!!!! iemand ideetjes?

Ik heb het al met de volgende codes geprobeerd wat niet werkte:

code:

NIET SCALABLE:
<body background="img/main.png" bgproperties="fixed">


NIET SCALABLE:
<STYLE TYPE="text/css">
<!--
BODY
{
  background-image: url(img/main.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
}
-->
</STYLE>


NIET FIXED:
<img border="0" src="img/main.png" width="100%" height="100%"
 style="position: absolute; z-index: -1">

[ Voor 10% gewijzigd door LordMatanza op 16-09-2004 10:47 ]

donderdag 16 september 2004 10:43

Acties:

André

Analytics dude

Volgens mij kun je een achtergrondplaatje geen breedte en hoogte meegeven, dus dat scalen gaat niet lukken.

Wat misschien wel een optie is is een plaatje op postion:absolute zetten en die met JS aan de maten van je frame aan te passen.

[ Voor 38% gewijzigd door André op 16-09-2004 10:44 ]

donderdag 16 september 2004 10:46

Acties:

LordMatanza

Topicstarter

ik zou niet weten hoe... heb je voorbeeldje ofsow? zou geweldig zijn

donderdag 16 september 2004 10:51

Acties:

André

Analytics dude

Voor mozilla is het simpel:

code:

1 2	<img border="0" src="img/main.png" width="100%" height="100%" style="position: fixed; z-index: -1">

Maar IE kent position:fixed niet, dus daar ben je een script voor nodig:

Even uit de losse pols:

code:

function Doe()
{
  document.getElementById("id van plaatje").style.Top = 0 - document.body.scrollTop;
}

<body onscroll="Doe()">

[ Voor 39% gewijzigd door André op 16-09-2004 10:53 ]

donderdag 16 september 2004 10:51

Acties:

BtM909

Watch out Guys...

LordMatanza schreef op 16 september 2004 @ 10:46:
ik zou niet weten hoe... heb je voorbeeldje ofsow? zou geweldig zijn

Je weet dat dit verdacht dichtbij het volgende komt he:

[rml][ W&G FAQ] W&G Policy & Beleid[/rml]

Kan iemand even ...?
Staat ook duidelijk in de algemene FAQ, maar de users in W&G zijn er niet om klusjes voor anderen op te knappen. Dus vragen als "kan iemand even een logo maken?" of "wil iemand even een popup-scriptje schrijven?" e.d. gaan op slot.

Script requests
Ook de zogenaamde script requests zijn hier niet welkom. Je zult al je scripts zelf moeten schrijven, maar als dat niet lukt kun je best een vraag plaatsen. Je zult ook wel begrijpen dat een vraag als "hoe werkt deze functie?" niet erg opschiet, want dat had je prima zelf kunnen vinden in een tutorial of reference guide.

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 16 september 2004 10:51

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

ten eerste: je opdrachtgever moet realiseren dat 'wat zij willen' niet altijd onbeperkt uitvoerbaar is, simpelweg omdat de technische mogelijkheden daartoe beperkt zijn of omdat het wel mogelijk is om het uit te voeren echter het resultaat hun klanten wegjaagt.

er is inderdaad een mogelijkheid, en dat is een beetje via een trucje:
je kunt een IMG in een div-layer zetten, de IMG heeft dan width="100%" en height="100%"

hieroverheen kun je een andere div positioneren die een hogere z-Index heeft en overflow: auto...

deze div zal dus over de achtergrond-afbeelding scalen en zelf scrollen (dus de body zelf hoeft niet meer te scrollen)

voorbeeldje:
http://www.haus-der-hunde.de/
dit heeft ook sterke nadelen, de mogelijkheden qua achtergrond-afbeeldingen zijn sterk beperkt qua beeld (ofwel dit beeld zal vervormen, of je hebt het risico dat dit achtergrondbeeld lelijk afgesneden _kan_ worden).
verder vereist het zwaardere achtergrond-jpegs

[ Voor 21% gewijzigd door RM-rf op 16-09-2004 10:54 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 16 september 2004 11:00

Acties:

LordMatanza

Topicstarter

Ik zal eens kijken, maar dit is in ieder geval de site waar ik mee bezig ben.

http://www.famdekort.demon.nl/

donderdag 16 september 2004 11:04

Acties:

LordMatanza

Topicstarter

BtM909 schreef op 16 september 2004 @ 10:51:
[...]

Je weet dat dit verdacht dichtbij het volgende komt he:

[rml][ W&G FAQ] W&G Policy & Beleid[/rml]

[...]

Ik vroeg of hij een voorbeeldje op internet had staan waar ik naar kon kijken voor ideeen... je kunt ook overdrijven hoor met alertheid.

donderdag 16 september 2004 12:01

Acties:

Verwijderd

waar zijn al die frames voor nodig eigenlijk?
duik eens in de wondere wereld van css

@RM-rf: lache man, die opgerekte honden in m'n 800 x 1200 (verticaal) viewport

[ Voor 26% gewijzigd door Verwijderd op 16-09-2004 12:03 ]

vrijdag 17 september 2004 12:27

Acties:

LordMatanza

Topicstarter

thnx anyway people, maar tis zoveel werk dat we hebben besloten om het ontwerp aan te passen...

Pagina: 1

Reageer