Hola, estaba creando algo como esto:
Un contenedor principal con un encabezado (que tiene un texto y unos links con una imagen) y despues la imagen principal (div imgprinc).
Mi objetivo seria tener muchos contendores principales, y que se mostraran de dos en dos en la pantalla (filas de 2 elementos). En Firefox funciona de maravilla, en Ghrome salen las imagenes principales el doble de altas que anchas (aprox), en internet explorer 6, a veces salen como en ghrome (otras no). Que lio.
Podriais ayudarme? Os pongo como tengo la config actual, hecha con kompozer basicamente.
HTML:
<div class="Principal"><div class="encabezado"> <div class="texto"> Nombre
</div>
<div class="links"">
<a>...</a>
<a>...</a>
</div>
</div>
<div class="imgprinc"><img src=../>
</div>
</div>
CSS:
.Principal {
margin: 10px;
text-align: center;
height: 100%;
float: left;
width: 47%;
overflow: hidden;
}
.encabezado {
text-align: center;
font-family: "Courier New",Courier,monospace;
font-size: large;
color: #339999;
font-weight: bold;
}
.texto {
border-color: #339999;
border-width: 2px 2px 1px thin;
border-bottom: 1px solid #339999;
margin: 0;
overflow: hidden;
text-align: center;
height: 100%;
float: left;
width: 65%;
background-color: #eeeeee;
}
.links {
border-color: #339999;
border-width: 2px;
margin: 0;
overflow: hidden;
height: 100%;
float: left;
text-align: right;
width: 25%;
background-color: #eeeeee;
}
.imgprinc{
}
Asi en la pagina que se genera con php tengo varios Div Principal:
<div class="Principal">....</div><div class="Principal">....</div><div class="Principal">....</div><div class="Principal">....</div><div class="Principal">....</div><div class="Principal">....</div><div class="Principal">....</div> <br style="clear: both;"/>
De esta forma sale:
FILA 1: <div class="Principal">....</div><div class="Principal">....</div>
FILA 2: <div class="Principal">....</div><div class="Principal">....</div>
FILA 3: <div class="Principal">....</div><div class="Principal">....</div>
FILA4: <div class="Principal">....</div>
<br style="clear: both;"/>
Graficamente:
Muchas gracias, cualquier sugerencia sera bienvenida.
Saludos