2013-04-16 3 views
0

Je me suis épuisé sur ce sujet et je pense que c'est plus simple qu'il n'y paraît. Ce site: http://ryanfeerer.com/ si vous regardez la section du contenu, il reste aligné au centre lorsque la fenêtre est plus petite ou plus grande. Je crée un site très similaire dans DW CS6 et j'ai mon arrière-plan en mosaïque et j'ai créé un DIV pour survoler l'arrière-plan. Fondamentalement, tout comme le site référencé.Centering DIV qui redimensionne avec la fenêtre

N'y a-t-il pas un simple code CSS qui ferait cela? Cela semble être un concept si simple.

Merci d'avance et super désolé si cela a été répondu à plusieurs reprises. J'ai essayé de faire ma recherche mais en vain.

Nate

+0

L'effet sur ce site est appelé 'responsive web design'. Ce n'est pas facile à mettre en œuvre. mais si vous voulez simplement centrer le conteneur, suivez la réponse de @Rarrington. –

Répondre

0

EDIT: Ah, je mal interprété ce que vous demandiez. Je vois maintenant, quand vous redimensionnez la page, tout le contenu rétrécit y compris les images. Je voudrais regarder dans une solution jQuery/javascript.

+0

max-width devrait être mieux. –

+0

Ok, je suis un peu nouveau à la conception web, quelqu'un peut-il partager un lien qui m'aiderait dans ce domaine? – user2287075

2

Ce que je fais pour créer un div central est de l'aligner en utilisant des pourcentages de gauche et de droite. De cette façon, il répond à la taille du navigateur. Exemple

#content{ 
left:15%; 
right:15%; 
top:0px; 
bottom:0px; 
} 

Bien que cela signifie que lorsque la fenêtre du navigateur est très mince votre contenu va se ratatinée parce qu'il conservera toujours 15% de chaque côté.

+0

sauf si vous incluez également min-width: 500px; par exemple – blarg

Questions connexes