2010-06-03 6 views
3

Je regarde un site Web sur Internet avec la conception de boîte centrée standard (le site entier est centré dans une boîte et a une bordure de chaque côté). Lorsque vous le rétrécissez, la bordure devient plus petite mais le contenu reste de la même taille. C'est bon.Quel attribut CSS arrête la création de mon site?

Cependant sur leur site, une fois que vous devenez plus petit encore, vous obtenez simplement des barres de défilement. Le contenu reste intact. Sur mon site si vous faites cela, des choses comme du texte et des liens commencent à défiler sur plusieurs lignes et tout le site est cassé. Comment puis-je garder la même chose même lorsque la fenêtre d'affichage est petite?

Répondre

3

Vous pouvez essayer ceci:

#box 
{ 
    width: 500px; 
    /* overflow set to scroll will give you your scroll bars */ 
    overflow: scroll; 
} 

Si vous cherchez à gérer la largeur minimale, il est un peu plus délicat que min largeur est pas pris en charge par IE.

Vous pouvez essayer ceci:

#container 
{ 
/* IE will ignore min-width */ 
min-width: 400px; 
/* IE will process the expression below to give you your minimum width, other browsers 
will ignore it */ 
width:expression(document.body.clientWidth < 400? "400px": "auto"); 
} 
0

On dirait que vous recherchez min-width.

+0

@AviKumarManku: Il fournit une réponse; la réponse est courte. Je ne vois pas l'intérêt d'apporter des améliorations de valeur douteuse à une réponse vieille de deux ans à une question qui a déjà une réponse acceptée. –

0

attributs Ajouter min-width et min-hauteur au CSS de votre élément de contenu. Comme = min-width: 100px; min-hauteur: 100px; ...

Questions connexes