2010-10-27 7 views
1

mon css estpour toutes les résolutions

@charset "utf-8"; 
* { 
    margin: 0; 
    padding: 0; 
} 
body { 
    background-color: #FFFFFF; 
} 
div#header { 
    background-color: #969696; 
    height: 80px; 
} 
div#mid-bar { 
    background: url(images/home.jpg) left no-repeat #6f6565; 
    height: 200px; 
    padding: 10px 0 10px 0; 
} 

#searchbox { 
    float: left; 
    background-color: #c1c1c1; 
    height: 200px; 
    width: 400px; 
    margin-left: 300px; 
} 

#multi-ads { 
    float: left; 
    background-color: #c1c1c1; 
    height: 200px; 
    width: 450px; 
    margin-left: 10px; 
} 

mon html est

<body> 
    <div id="header"> 

    </div> 
    <div id="mid-bar"> 
     <div id="searchbox"> 

     </div> 
     <div id="multi-ads"> 

     </div> 
    </div> 
</body> 

Je travaille actuellement sur la résolution 1280 x 800. Lorsque je change de résolution, les barres de défilement s'activent. Je veux que ma page s'inscrive automatiquement dans la résolution des clients. Que devrais-je faire?

Répondre

2
  • utilisation % 's et/ou em' s pour les dimensions
  • regard sur les techniques de mise en page élastique/fluide
Questions connexes