Me pueden ayudar con esto, no es la primera vez que me pasa, pero nunca encuentro cual es el "truquito" que me permite arreglar este error...
Quiero pasar de esto:
A 3 columnas, pero me pasa esto...
El CSS de esa parte es:
Código HTML:
/* Post */
#post {
width:500px;
margin:0 auto;
padding:5px 0;
}
#post ul {
padding: 0px; margin: 0px; width: 486px; border: 1px coral dashed;
}
#post li {
background: url(images/dot.gif) no-repeat left top;
background-repeat: no-repeat;
background-position: 0 .65em;
padding: 1px 0px 1px 12px;
list-style-type: none;
border: 1px black dashed;
width: 162px;
}
.postcontent {
padding:5px;
border: 1px solid #a0abb4;
margin-bottom:10px;
}
Código de la página es:
Código HTML:
<div id="post">
<div class="title"><a href="europe/" rel="bookmark" title="Link to Europe">Europe (55)</a>
</div>
<div class="postcontent">
<div id="divListado">
<ul class="col">
<li><a href="europe/austria/">Austria</a> (12)</li>
<li><a href="europe/estonia/">Estonia</a> (2)</li>
<li><a href="europe/finland/">Finland</a> (3)</li>
<li><a href="europe/france/">France</a> (8)</li>
<li><a href="europe/germany/">Germany</a> (2)</li>
<li><a href="europe/hungary/">Hungary</a> (6)</li>
<li><a href="europe/italy/">Italy</a> (5)</li>
<li><a href="europe/liechtenstein/">Liechtenstein</a> (1)</li>
<li><a href="europe/netherlands/">Netherlands</a> (3)</li>
<li><a href="europe/norway/">Norway</a> (2)</li>
<li><a href="europe/poland/">Poland</a> (2)</li>
<li><a href="europe/spain/">Spain</a> (2)</li>
<li><a href="europe/united-kingdom/">United Kingdom</a> (7)</li>
</ul>
</div> <!-- Cierro divListado -->
</div> <!-- Cierro post-content -->
</div> <!-- Cierro post -->
<div id="post">
<div class="title"><a href="oceania/" rel="bookmark" title="Link to Oceania">Oceania (13)</a>
</div>
<div class="postcontent">
<div id="divListado">
<ul class="col">
<li><a href="oceania/australia/">Australia</a> (10)</li>
<li><a href="oceania/new-zealand/">New Zealand</a> (3)</li>
</ul>
</div> <!-- Cierro divListado -->
</div> <!-- Cierro post-content -->
</div> <!-- Cierro post -->
<div class="clear"></div>
Si necesitan algun dato más me avisan, yo voy a seguir haciendo pruebas a ver si logro algo
