image stretch in fixed area, bepaald door procenten

Status
Niet open voor verdere reacties.
H

helixdragon

Gebruiker
Lid geworden
5 mrt 2009
Berichten
29
Beste leden,

Ik ben een site aan het maken voor school.
Nu zit ik met een probleem. Ik heb een website met column frames.

links, midden, rechts

25% | * | 25%

in de * komt natuurlijk mijn site.
aan de linkerkant en tevens aan de rechterkant heb ik dus 25% van het scherm van de viewer.

Code: 
ik heb nu dus dit:
<frameset cols="25%,*,25%">
<frame name="left" noresize="noresize" src="left.html">
<frame name="index" src="index.html" scrolling=auto>
<frame name="right" noresize="noresize" src="right.html">
</frameset>

in left.html staat <body background="(plaatje.jpg)">

Nu de vraag:
Hoe krijg ik 1 plaatje (dus geen herhalingen) stretched in die 25% area van de viewer? En hoe vertel je dat in CSS?

mvg,
Helix
 
Laatst bewerkt:
Voor zover ik weet is het niet mogelijk in CSS een backgroundimage te stretchen. Wat je wel kunt doen, is een images absolute positioneren op 0,0 en dan 100% breedte (en eventueel hoogte) geven. Let wel op dat de image-scaling capabilities van een browser nou niet echt denderend zijn.

Voorbeeldje:

Code: 
img.background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: -1;
}

Niet getest, maar ik ga ervanuit dat het werkt. Dan zou je in je body moeten zetten:

HTML: 
<img src="pad/naar/je/afbeelding.extensie" alt="Alternatieve beschrijving" class="background" />
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan