ya se me está haciendo costumbre
Tengo el siguiente problema, yo quiero realizar tres bloques que permitan ir guardando información como la imágen que detallo.
Ahí se ve, una columna a la izquierda con texto, una al centro con imágen y una a la derecha con un listado.
Hasta allí lo he hecho, pero al momento de visualizarse queda así:
Bueno, esa vista con las líneas verticales es de ie, en ff no ocurre esto (así que aquí estaría el primer tema.
Luego lo que no tengo claro es cómo hacer para que el texto quede como en la imágen primera.
Si me pueden dar una manito, agradecida.
html:
Código:
<div id="cont">
<div id="col_der">
<ul>
<li><a href=”aresillo.html”>Diseño de Aresillo</a></li>
<li><a href=”willyfc.html”>Diseño de Willyfc</a></li>
<li><a href=”dopey-bbs.html”>Diseño de DoPeY-BBS</a></li>
<li><a href=”alvlin.html”>Diseño de alvlin</a></li>
<li><a href=”sanchy.html”>Diseño de sanchy</a></li>
<li><a href=”triby.html”>Diseño de Triby</a></li>
<li><a href=”javi_cassi.html”>Diseño de javi_cassi</a></li>
<li><a href=”daes12.html”>Diseño de daes12</a></li>
<li><a href=”raulmmmm.html”>Diseño de Raulmmmm</a></li>
<li><a href=”buzu.html”>Diseño de Buzu</a></li>
<li><a href=”http://www.devillasbuenas.es/fdw/enero/index.html”>Diseño de Kseso</a></li>
<li><a href=”juaniquillo.html”>Diseño de juaniquillo</a></li>
<li><a href=”pitufoweb.html”>Diseño de pitufoweb</a></li>
</ul>
</div>
<div id="col_izq">
<p>Soluciones Web es una empresa dinámica, que se destaca por ofrecer soluciones originales en el desarrollo de la web. Nuestros servicios
se engloban en las áreas de Internet, programación, multimedia, diseño gráfico, traducciones y consultoría. Asimismo disponemos de soluciones
adaptadas a las necesidades particulares de cada cliente ofrenciendo un servicio integral.</p>
<p>Nuestro estudio se compone de profesionales programadores capacitados en la últimas tecnologías y de diseñadores que van más allá de una pantalla
de ordenador.</p>
<p>La confianza de nuestros clientes y los resultados obtenidos desde hace 10 años de creciente trabajo, convirtieron a Soluciones Web en el líder en
servicios web de habla hispana.</p>
<p>La ética de nuestros integrantes, la superación constante y la forma de trabajar, destacándonos siempre con una estética diferente a la media, hace que
hoy usted nos elija.</p>
</div>
<div id="col_cen"><img src="http://www.forosdelweb.com/images/robotito.png" alt="mascota de la firma" /></div>
</div>
css:
Código:
/* estilo del cuerpo */
#cont {height: 515px;margin:0px;}
#col_der, #col_izq, #col_cen {height: 100%;}
#col_der {float: right; width: 250px;background-color: #231f1f;}
#col_izq {float: left; width: 300px;background-color: #231f1f; font-size: 14px;}
#col_cen {background-color: #231f1f;}
.corte {clear: both;}
Me faltó agregar algo:
En este caso específico, necesitaría que las columnas no variaran su tamaño conforme el contenido.