Sujet Précédent Sujet Suivant

Div redimension

Fermé
d4rkrock3r Messages postés 8 Date d'inscription mercredi 23 mai 2012 Statut Membre Dernière intervention 15 octobre 2014 - 15 oct. 2014 à 20:40
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 17 oct. 2014 à 15:30
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



A voir également:

3 réponses

Réponse 1 / 3
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
15 oct. 2014 à 21:52
Les medias queries
https://www.alsacreations.com/article/lire/930-css3-media-queries.html
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607616-utilisez-le-responsive-design-avec-les-media-queries
0
Réponse 2 / 3
d4rkrock3r Messages postés 8 Date d'inscription mercredi 23 mai 2012 Statut Membre Dernière intervention 15 octobre 2014
15 oct. 2014 à 22:20
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 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
17 oct. 2014 à 13:46
C'est tout a fait cela. Bon codage
0
Réponse 3 / 3
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
17 oct. 2014 à 15:30
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

Discussions similaires

comment remplacer un #div/0! par une cellule vide
zara70 -
Vaucluse -

3 réponses
erreur (#DIV/0) formule MOYENNE.SI.ENS
sara-87 -
sara-87 -

5 réponses
enlever les #DIV/0! dans une colonne calcul d'un tableau croisé
CECP95 -
CECP95 -

3 réponses
Afficher une case vide au lieu de #DIV/0!
fredo2610 -
m@rina -

4 réponses
Remplacer #div0 par le chiffre 0
Isa -
eriiic -

3 réponses