Je veux que le texte principal du html (div.main) pour être près de la taille de papier standard (8.5inch - marge 1Dans sur les deux = 6,5)Une meilleure css div align (3 colonnes, milieu grand)
I Je veux que mon menu de barre latérale soit en dehors de ça. Donc j'ai compris comment verrouiller la page à près de 1024 res (j'utilise 996px donc j'ai de la place pour la barre de défilement verticale)
Cela semble assez bonne à 1024 et 1280 résolution de largeur, mais je ne suis pas sûr de plus élevé. Aussi peut-être vous les gars avez une suggestion à mieux aligner ce (en gardant le 6.5in au centre)
index.html
<div>
<div class="menu">
<ul>
<li><a href="">Home</a></li>
<li>Test</li>
<li>Test 2</li>
<li>Contact</li>
</ul>
</div>
</div>
<div class="row">
<div class="dummy"> </div>
<div class="main">
lots of textlots of textlots of textlots of textlots of textlots of textlots of textlots of text
...
lots of textlots of textlots of textlots of textlots of textlots of textlots of textlots of text
</div>
<div class="sidebar">
Some links here</br>
<br>Some links here</br>
<br>Some links here</br>
<br>Some links here</br>
<br>Some links here</br>
</div>
</div>
</body>
</html>
my.css:
div.row
{
width: 996px;
margin-left: auto;
margin-right: auto;
}
div.dummy {
float: left;
padding-right: 148px;
}
div.sidebar {
float: left;
padding-left: 32px;
}
div.main
{
width: 6.5in;
float: left;
}
.menu { padding-bottom: 60px; }
.menu ul { margin:0px auto; }
.menu li {
width: 22%;
text-align:center;
display:block;
float:left;
}
.menu a { display:block; }
Je ne sais pas mac, mais 6,5 pouces sur ma tablette et sur mon moniteur de bureau ont chacun des dimensions de pixels différents! – syockit