Ragazzi ho provato a mettere su un sito con il template usato nella lezione del
layout liquido di prohtml, nella colonna centrale ho diviso il testo in due colonne centrali, ma provando le varie visualizzazioni a 1024x768 e 800x600 (io uso quella a 1280x1024)non riesco a mantenere proporzionato il testo rispetto alle proporzioni. Invece se metto le cose a posto per il 1024, quando allargo alla mia risoluzione le colonne si distanziano di un bel po'.
Aggiungo che ho usato le percentuali per il width e per i margini.
Come posso fare?
il css è questo
codice:
/*Central Column*/
div#content{margin: 0 0 0 136px;}
div#content p{
color: #2d2d2d;
font: 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
}
.principal_column{
width: 76%;
margin: 0 10px 0 0;
}
.left_column{
position: relative;
left: 2px;
width: 25%;
float: left;
}
.right_column{
position: relative;
right: 20px;
width: 25%;
float: right;
}
ed il codice xhtml questo
codice:
<div class="left_column">
<h2 class="title_minor"></h2>
</p> <span class="comment"></span>
</div>
<div class="right_column">
<h2 class="title_minor"></h2>
</p>
<span class="comment"></span>
</div>