Home/ Questions/Q 4552010
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T16:43:01+00:00

i can get images scaled to fill the window when they are the content,

  • 0

i can get images scaled to fill the window when they are the content, like so:
(without any html5 or div)

  <style type="text/css">
img {
width:100%;
height:100%;
margin:0px;
}
  </style>

and 

<img src="wacard.png" alt="original image" title="">

but

this fails (both “html, body” and just “body”)

  <style type="text/css">
body {
width:100%;
height:100%;
margin:0px;
}
  </style>

and

<body
 style="background-image: url(wacard.png);">
</body>

as picked up picked up from here: Resize HTML5 canvas to fit window but as far as i understand, that must have some more fancy code than i know of, going on, … or i’m doing something wrong…

how can i get background images to scale?
(ideally, without javascript)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is a great tutorial with several solutions:
    http://css-tricks.com/perfect-full-page-background-image/
    Complete with demos and the step by step coding process.

    The HTML5 way mentioned is:

    html {
        background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

    There is an ie fix mentioned in the article.

    • 0