2009-10-22 14 views
0

J'ai le contenu de mon site à l'intérieur d'un div de 800px, j'aimerais que ce div soit centré sur la page jusqu'à ce que la largeur de la fenêtre du navigateur dépasse une certaine distance. À ce stade, j'aimerais que le contenu se «verrouille» en place et ne continue pas à se centrer, en restant un montant fixe à partir du bord gauche. Par exemple, si la fenêtre des téléspectateurs a une largeur de 900 pixels, ils verront mon contenu 800px centré. Si la fenêtre des téléspectateurs a une largeur de 1400 pixels, ils verront mon contenu à 400 pixels du côté gauche, verrouillé à cet endroit.CSS Définir la distance maximale du bord du navigateur

Vous pourriez penser que c'est une question étrange à poser, et c'est! Mais cela fait partie intégrante de ma conception pour que cela fonctionne de cette façon.

Répondre

1

Réglage de la (900 + 400 * 2) de l'élément conteneur max-width-1700px veillera à ce que le contenu est jamais plus loin 400px du côté gauche, à condition que le récipient est lui-même pas centré.

+0

Remarque max-width ne fonctionnera pas dans IE6 –

+0

Excellent, merci pour la réponse rapide. Maintenant, pour rendre les choses plus compliquées, je veux qu'une image de fond soit attachée au contenu et fonctionne de la même manière. Si je mets l'arrière-plan dans le contenu, il ne s'étend pas au-delà de la largeur définie, comment puis-je contourner cela? – fr0th

+0

Vous pouvez simplement appliquer l'arrière-plan au conteneur et le centrer. Il serait positionné de la même manière que le contenu, devenant aligné à gauche avec des résolutions d'écran plus grandes. – slikts

Questions connexes