Div redimension

d4rkrock3r Messages postés 8 Statut Membre -  
Pitet Messages postés 2845 Statut Membre -
Bonjour,

voila je vous explique mon probleme.

tout d'abord le code

body{
height:1000px;
background-color : black;
background-repeat : no-repeat;
position : relative ;

}


#conteneur {
background-color : white;
background-repeat : no-repeat;
height : 1400px;
width : 900px;
z-index:2;
position : relative;
margin : 0 auto;
top : 2px;
}


#test {
background-color : red;
background-repeat : no-repeat;
height : 400px;
width : 800px;
z-index:1;
position : absolute;
left:855px;
top : 2px;
}





<html>

<head>

<title>test </title>



<link rel="stylesheet" style="text/css" href="Style1.css" />
</head>
<body>



<div id="conteneur">

</div>
<div id="test">
</div>

</body>
</html>




ce qui nous donne cela





le probleme qui figure ici , c'est le div rouge en arriere plan , je le définie de facon a ce qu'il comble toute la page ( dans ma résolution) sauf que si un ami a moi test le site on peut voir qu'il y'a un décalage , car son ecran est plus grand donc il y'a une marge noire aprés le div a droite...
donc j'ai essayer de mettre le div plus grand mais aprés le probleme qui survient cest que ca crée un décalage pour moi au niveau de la scrollbar du bas du site , je peux faire défiler le site vers la droite , car évidement le div est trop grand...

avez vous un conseil ou une facon de faire ?
ma facon de faire n'est peut etre pas la bonne

merci



3 réponses

d4rkrock3r Messages postés 8 Statut Membre
 
merci d'avoir répondu , donc si je comprend bien , les médias queries permettent de changer de .css suivant une condition précise ? je ne savais pas qu'une telle chose exister merci encore , je vais potasser un peu tes liens et je vous dirais si probleme résolu
0
mr_demonicon Messages postés 921 Statut Membre 126
 
C'est tout a fait cela. Bon codage
0
Pitet Messages postés 2845 Statut Membre 527
 
Salut,

Ou alors (ou en complément) utiliser des pourcentages à la place des largeurs fixes pour adapter tes div en fonctions de la largeur de l'écran :
http://jsfiddle.net/2h09xnvm/

Bonne journée
0