Site Adapté A Chaque Résolution

Résolu
Bonjour,

J'aimerai faire un site adapté a chaque résolution voici mon code css :

html,body {
		margin: 0px;
			height: 100%;
			width: 100%;
		

background-image: url(Images/Arriere-Plan.png) ;
background-position:center;
background-size:auto;
background-attachment:fixed;
}




h1 {
font-family:verdana, sans-serif;
font-size:100%;
color:green;
background-color:transparent;
text-align:left;
}

h2 {
font-family:verdana, sans-serif;
font-size:100%;
color:maroon;
background-color:transparent;
text-align:left;
}

h3 {
font-family:verdana, sans-serif;
font-size:100%;
color:blue;
background-color:transparent;
text-align:left;
}

p {
font-family:verdana, sans-serif;
font-size:100%;
color:grey;
background-color:transparent;
text-align:left;
margin-left:0;
margin-right:0;
}

li {
font-family:verdana, sans-serif;
font-size:100%;
color:red;
background-color:transparent;
text-align:left;
margin-left:0;
margin-right:0;
}

a:link {
font-family:verdana, sans-serif;
font-size:100%;
color:yellow;
background-color:transparent;
text-decoration:underline;
}

a:visited {
font-family:verdana, sans-serif;
font-size:100%;
color:#ffa500;
background-color:transparent;
text-decoration:underline;
}

a:hover {
font-family:verdana, sans-serif;
font-size:100%;
color:#FFFFF0;
background-color:transparent;
text-decoration:underline;
}

a:active, a:focus {
font-family:verdana, sans-serif; font-size:100%; color:magenta; background-color:transparent; text-decoration:underline; }

table {
border-color:navy;
border-style:solid;
border-width:1px;
}

td {
font-family:verdana, sans-serif;
font-size:100%;
color:#20b2aa;
text-align:left;
background-color:transparent;
border-color:#ffd700;
border-style:solid;
border-width:1px;
}


#block {
	min-height: 4.7em;
	background-color:#FFFFFF0;
	width: 90px;
	position: absolute;
	left:1279px;
    top:605px;
	border-radius:10px;
}



2 réponses

  1. Bonjour,

    Ce que tu recherches s'appelle le responsive design.
    Fais une petite recherche sur Google tu devrais trouver ce que tu cherches.

    A+
    1
    1. Merci Beaucoup :)
      0