Hola,
Estoy cambiando al uso de DIV's en lugar de tablas y ando un poco perdido. He estado haciendo pruebas, pero creo que no sé si lo que quiero hacer se puede.
En la imágen se ve la maqueta de lo que quiero hacer:
He segido el orden que se puede ver en las cajas, es decir 1, 2 y al llegar a la
caja 3 el tamaño de las cajas 1 y 2 me cambia, la altura pasa a ser la misma que
la de la caja 3 o bien se ponen todas las cajas en linea.
El código la hoja de estilo es el siguiente:
Código:
body {
width: 775px;
height: 575px;
margin-left : auto;
margin-right : auto;
padding : 0px;
border-width: 1px;
border-style: solid;
border-color: #172983;
}
#logo {
width: 114px;
height: 86px;
border-width: 1px;
border-style: solid;
border-color: red;
text-align:center;
display:table-cell;
vertical-align: middle;
}
#texto {
width: 454px;
height: 86px;
margin-left: 115px;
border-width: 1px;
border-style: solid;
border-color: red;
text-align:center;
display:table-cell;
vertical-align: middle;
}
#modelo {
width: 209px;
height: 284px;
margin-top: 1px;
margin-left: 595px;
border-width: 1px;
border-style: solid;
border-color: red;
text-align:center;
display:table-cell;
vertical-align: middle;
}
#menu {
width: 454px;
height: 86px;
margin-top: 87px;
margin-left: 1px;
border-width: 1px;
border-style: solid;
border-color: red;
text-align:center;
display:table-cell;
vertical-align: middle;
}
¿Me pueden orientar un poco?
Saludos.