Bah disont que si je reste avec mon desgin, si je change de resolution, mon design en lui même est correct, mais mes balise texte et menu ne le sont pas, elle sont toute décalé et ne sont correcte qu'avec un affichage 1024X1280. Et ce même avec les pourcentage comme valeur.
mon CSS :
body
{
width: 100%;
height: 80%;
margin: auto;
background-image: url("css/design_orange.png");
background-color: black;
background-position: top center;
background-repeat: no-repeat;
}
div {
width: 80%;
max-width: 1000px;
min-width: 700px;
}
ul
{
width: 100%;
position: absolute;
left: 9%;
top: 5%;
font-family: "Segoe UI", Comic Sans MS, arial, arial black;
font-size: 17px;
list-style-type: none;
}
p
{
background-color: orange;
border: 1px solid black;
width: 38%;
border: 1px solid black;
text-align: justify;
padding: 12px; /* Marge intérieure de 12px */
font-size: 14px;
font-family: "Comic Sans MS";
position: absolute;
left: 30%;
top: 22%;
}
h1
{
font-style: italic;
font-family: "Arial Black", Arial, Verdana, serif;
text-align: center;
}
blockquote p
{
text-align: justify;
text-indent: 25px;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto }