Problème box css
Résolu
Heskan
Messages postés
35
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un certain problème que quand on zoom, imaginons sur google chrome contrôle + la molette, pour voir la différence de résolution sur mon site, je voudrais que ma barre de navigation de 1599px; soit centrer et quand on zoom elle reste au milieu, et si nous somme trop pret que sur les coté l'entame, sur mon problème, la barre de navigation suit mon écran du coté gauche c'est a dire quelle ne sera pas entamé comme sur le screen :
Normalement :

Dysfonctionnement :

Je voudrais que quand t-on zoom, si l'image est trop grande, elle reste au milieu et qu'elle soit entamé sur les coté et non qu'on voie toujours les bouts sur les cotés !
mon code CSS :
nav
{
background: url('images/navi.png');
height: 125px;
width: 1599px;
margin-top: -50px;
margin-bottom: -30px;
margin-right:auto;
margin-left:auto;
color: #222222;
font-size:30px;
text-align:center;
}
Merci !
J'ai un certain problème que quand on zoom, imaginons sur google chrome contrôle + la molette, pour voir la différence de résolution sur mon site, je voudrais que ma barre de navigation de 1599px; soit centrer et quand on zoom elle reste au milieu, et si nous somme trop pret que sur les coté l'entame, sur mon problème, la barre de navigation suit mon écran du coté gauche c'est a dire quelle ne sera pas entamé comme sur le screen :
Normalement :

Dysfonctionnement :

Je voudrais que quand t-on zoom, si l'image est trop grande, elle reste au milieu et qu'elle soit entamé sur les coté et non qu'on voie toujours les bouts sur les cotés !
mon code CSS :
nav
{
background: url('images/navi.png');
height: 125px;
width: 1599px;
margin-top: -50px;
margin-bottom: -30px;
margin-right:auto;
margin-left:auto;
color: #222222;
font-size:30px;
text-align:center;
}
Merci !
A voir également:
- Problème box css
- Set-top box - Accueil - Box & Connexion Internet
- Arcadyan 5g box meteor problème - Accueil - Guide box et connexion Internet
- Adresse ip box - Guide
- Tera box - Télécharger - Stockage
- Box internet - Accueil - Guide box et connexion Internet
1 réponse
Bonjour
Va voir du coté de background-position et de background-size
Le problème c'est aussi que tu utilise un width en pixel
donc déja tout ecran de moins de 1600px provoquera une barre de scroll horizontale
et dans les tablettes ce sera pire
et en zoomant aussi
donc utilises plus des valeurs en % pour le width + un max-width en pixel
utilise aussi les mediaqueries pour rendre ton site adaptable à tout type d'écran
Nota : pour voir son site dans différentes résolutions on utilise pas le zoom mais on réduit la fenêtre du navigateur
Va voir du coté de background-position et de background-size
Le problème c'est aussi que tu utilise un width en pixel
donc déja tout ecran de moins de 1600px provoquera une barre de scroll horizontale
et dans les tablettes ce sera pire
et en zoomant aussi
donc utilises plus des valeurs en % pour le width + un max-width en pixel
utilise aussi les mediaqueries pour rendre ton site adaptable à tout type d'écran
Nota : pour voir son site dans différentes résolutions on utilise pas le zoom mais on réduit la fenêtre du navigateur