Ragazzi so che la mia domanda può sembrare stupida, ma sono bloccato da ormai svariate ore su questa cosa, sto seguendo un tutorial e non riesco a fare una cosa al quanto banale.
Prima per centrare la mia pagina html, davo dimensioni fisse al contenitore e poi con margin-left e margin-right settati in auto, la mia pagina si centrava in automatico, adesso volevo sapere, seguendo la nuova struttura, impostata in percentuale o con max-width, come faccio ad avere lo stesso centraggio della mia pagina ?
la struttura che sto usando è la seguente:
css->
<style>
body{
text-align:center;
font-size:2em;
font-weight:bold;
}
header{
clear:both;
background:#cb2026;
padding:20px 0;
}
footer{
clear:both;
background:#cb2026;
}
aside{
background:#e1ca59;
}
content{
background:#ff6000;
display:block;
}
@media all and (min-width:600px){
aside.first{
width:50%;
float:left;
}
aside.last{
width:50%;
float:right;
}
}
@media all and (min-width:960px){
content{
width:60%;
float:left;
margin-left:20%
}
aside.first{
width:20%;
margin-left:-80%;
float:left;
}
aside.last{
width:20%;
float:right;
}
}
</style>
html->
<body>
<header>
<section>
</section>
</header>
<content> B </content>
<aside class="first"> C </aside>
<aside class="last"> D </aside>
<footer> E </footer>
</body>
qualcuno, per cortesia, può darmi qualche aiuto ?
Rispondi quotando
