Site web décentré par Div trop long Fermé

Question

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>

maxilapo · Answer

Personne qui connait la réponse à cette question ? Est-elle assez clair ?

Navid_92 · Answer

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:
.separateur{
   background:transparent url(images/separateur.png) repeat-x 0 0;
}

maxilapo · Answer

Le problème, c'est que ce n'est pas une image répétitive...

Mais bon, je crois avoir une solution.

Je fais faire plusieurs CSS avec l'image en background de différente grandeur et en Javascript, je vais asigner un CSS a mon div dépendant de la résolution de l'écran.

Merci pour votre aide !

Site web décentré par Div trop long

3 réponses

Discussions similaires