Site web décentré par Div trop long
maxilapo
-
maxilapo -
maxilapo -
Bonjour,
Je monte présentement un site et j'ai un problème avec les grandeur d'écran.
J'ai monté mon site sur un écran de 1920 par 1080.
Le site sors très bien, il est séparé verticalement en Div comme ceci : (Largeur)
Header (1000px)
Séparateur (1500px)
Middle (1000px)
Séparateur (1500px)
Bottom (1000px)
Une image vaut mille mot : (Séparateur en jaune)
http://data.imagup.com/10/1151863884.png
Les bordures sont plus longues parce qu'elle se perdre dans un dégradé...
(Une image dans un DIV)
Mais c'est justement elle qui cause problème, puisque sur un écran a plus faible résolution, le navigateur ne peut faire entré 1500px, alors il aligne les séparateurs a gauche et me met une scroll bar dans le bas....
Image : http://data.imagup.com/10/1151863927.png
Je cherche donc une facon d'avoir les séparateurs centré, même si on ne les vois pas au complet.
Merci pour votre aide.
<config>Windows 7 / Chrome</config>
Je monte présentement un site et j'ai un problème avec les grandeur d'écran.
J'ai monté mon site sur un écran de 1920 par 1080.
Le site sors très bien, il est séparé verticalement en Div comme ceci : (Largeur)
Header (1000px)
Séparateur (1500px)
Middle (1000px)
Séparateur (1500px)
Bottom (1000px)
Une image vaut mille mot : (Séparateur en jaune)
http://data.imagup.com/10/1151863884.png
Les bordures sont plus longues parce qu'elle se perdre dans un dégradé...
(Une image dans un DIV)
Mais c'est justement elle qui cause problème, puisque sur un écran a plus faible résolution, le navigateur ne peut faire entré 1500px, alors il aligne les séparateurs a gauche et me met une scroll bar dans le bas....
Image : http://data.imagup.com/10/1151863927.png
Je cherche donc une facon d'avoir les séparateurs centré, même si on ne les vois pas au complet.
Merci pour votre aide.
<config>Windows 7 / Chrome</config>
A voir également:
- Site web décentré par Div trop long
- Création site web - Guide
- Site de telechargement - Accueil - Outils
- Web office - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
3 réponses
Généralement, la taille de la div#Global est de 960px (Cf. 960 Grid System).
Après, pour ce qui est de ton séparateur,
il ne faut surtout pas définir dans le css une width de 1500px.
Il faut à la place, mettre une image du séparateur de width 1px, et de la hauteur de ton choix, et de lui mettre un repeat-x.
Example:
Après, pour ce qui est de ton séparateur,
il ne faut surtout pas définir dans le css une width de 1500px.
Il faut à la place, mettre une image du séparateur de width 1px, et de la hauteur de ton choix, et de lui mettre un repeat-x.
Example:
.separateur{
background:transparent url(images/separateur.png) repeat-x 0 0;
}