mercredi 13 avril 2016

Background image fullscreen

So I am trying to create a webpage that has two div elements. In one, an image. In the second, an background-color. There's one problem though. The image does not reach to the edge of the screen! How can I do this? I don't want to use the definers for the width, I want it to scale nice on everything.

<head>
        <title>Derr</title>
        <style>
            body {
                font-family: "Courier New", Courier, monospace;
            }
            .fadein {
                background-image: url("img.bmp");
                height: 549px
            }
        </style>
    </head>
    <body>
        <div class="fadein">
            <br><br><br><br><br>
        </div>
    </body>

Using Chrome.




Aucun commentaire:

Enregistrer un commentaire