Achtergrond automatisch schalen

Status
Niet open voor verdere reacties.
J

jvandervliet

Gebruiker
Lid geworden
23 mrt 2006
Berichten
234
Beste mensen,

Ben op dit moment bezig om een website te bouwen die al een heel eind klaar is.

Alleen kom ik nog een obstakel tegen.

Graag zou ik willen dat de achtgrondafbeelding automatisch zij grootte aanpast aan het scherm. Dus als ik de website open op een kleinere scherm dan wil ik dat de afbeelding ook in zijn geheel kan zien zoals op het grote scherm.

Hier de code:

Code: 
 <body style="background-image: url(../afbeeldingen/DSC_3362-achtergrond.jpg); background-attachment: fixed; background-repeat: no-repeat;">

alvast hartelijk dank.
 
Ik heb hiervoor heel veel trucjes uitgehaald, dit ook in verband met verschillende browsers

in de html:
Code: 
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div.bg_image {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  left: expression( ( ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
td,th { font-size: 68.75%; }
</style>
<![endif]>
<![endif]-->

en 
<div class="bg_image"><img src="images/bg_image.png" class="bg_image" alt=""/></div>

in de css:
Code: 
img { border-width: 0px; }
/* background layout */
div.bg_image {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 0;
}
img.bg_image {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  position: fixed;
}

het resultaat: http://www.livoc.nl

Maikel
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan