Un fond qui s'adapte à toutes les résolutions d'écran

Fermé
Newt0n Messages postés 3 Date d'inscription dimanche 9 décembre 2012 Statut Membre Dernière intervention 11 décembre 2012 - Modifié par Newt0n le 9/12/2012 à 17:37
Newt0n Messages postés 3 Date d'inscription dimanche 9 décembre 2012 Statut Membre Dernière intervention 11 décembre 2012 - 11 déc. 2012 à 04:29
Bonjour,

J'aimerais savoir comment mettre une image de fond qui s'adapterai à toutes les résolutions d'écran.
J'utilise actuellement Médiator 9 de Matchware car je ne connais presque pas le HTML.

Voici le code de ma page "index.html"

Merci

<!-- 
/*************************************************************** 
* Copyright MatchWare A/S                                      * 
* (do not remove comment - serves as DOM compat dropback @ IE) * 
****************************************************************/ 
--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
        "http://www.w3.org/TR/html4/loose.dtd"> 
<HTML> 
<head> 
    <title>EliottB</title> 
    <meta name="GENERATOR" content="MatchWare Mediator 9.0"> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta name="description" content=""> 
    <meta name="keywords" content=""> 
    <link rel="stylesheet" href="styles_center.css" type="text/css"> 
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 
     
    <link rel="Next" href="acueil.html"> 

     
    <script type="text/javascript" language="javascript" src="md8_history.js"></script> 
<script type="text/javascript" language="javascript" src="md8_design.js"></script> 
<script type="text/javascript" language="javascript" src="md8lib.js"></script> 
<script type="text/javascript" language="javaScript"> 

     var first_page = 'acueil.html'; 
     var alignment = 'center'; 
         
    </script> 
    <style type="text/css"> 
        html { overflow: -moz-scrollbars-vertical !important; } 
        iframe#mainframe { width: 783px; border: 0px solid transparent; overflow: hidden; } 
    </style> 
    <!--[if gte IE 5.5]> 
    <![if lt IE 7]> 
    <style type="text/css"> 
     img.alphapng { filter:expression(addPngImage(this)); } 
    </style> 
    <![endif]> 
    <![endif]--> 
</head> 
<body onUnload="PageUnloading()" onLoad="hist = new historychangeevent();" style="background:#000000;"> 
<table cellspacing="0" cellpadding="0" style="width: 100%; height: 100%;"> 
    <tr> 
        <td id='maintd'> 
            <iframe id="mainframe" src="" frameborder="0" scrolling="no"></iframe> 
        </td> 
    </tr> 
<tr><td align="center"> 
<a style='text-decoration:none;' href="" target="_blank"><div style='font-size:11px;font-family:verdana;color:#323232;'></div></a> 
</td></tr><tr><td> </td></tr> 

</table> 
<script type="text/javascript" language="javaScript"> 
    var med_next_sound_id = 1; 
    var med_sSound1="" 
    var med_sSound2="" 
</script> 
<div id='helpers' style='position: absolute; left: 3px; top: 3px; height: 1px; width: 1px;'> 
    <img alt="" id="hideimg" src="transparent.gif" style="position:absolute; top:0px; left:0px; width:0px; height:0px"> 
    <div id="med_sound1" style="position:absolute; height: 0px;"> </div> 
    <div id="med_sound2" style="position:absolute; height: 0px;"> </div> 
    <div id='links'><--LINKS--></div> 
</div> 



</body> 
</HTML>


A voir également:

3 réponses

Newt0n Messages postés 3 Date d'inscription dimanche 9 décembre 2012 Statut Membre Dernière intervention 11 décembre 2012
9 déc. 2012 à 17:26
Up ! :)
0
kisscool44 Messages postés 3 Date d'inscription mercredi 19 septembre 2012 Statut Membre Dernière intervention 10 décembre 2012
10 déc. 2012 à 12:58
html {
margin:0;
padding:0;
background: url(monimage/bg.jpg) no-repeat center center fixed;
background-size: cover;
}
0
Newt0n Messages postés 3 Date d'inscription dimanche 9 décembre 2012 Statut Membre Dernière intervention 11 décembre 2012
11 déc. 2012 à 04:29
Merci, je teste ça demain. :)
0