Hola,
Más o menos he conseguido algo, pero no está al 100% de como he hecho la maqueta en el Photoshop.
Imagen de maqueta en Photoshop:
Imagen de la Web:
El código es el siguiente, no se dónde fallo, como se ve en la imagen de la web aparece una línea de más en la imagen y no centra el texto aunque no está mal esto del CSS.
Código:
body {
width: 775px;
height: 575px;
margin-left : auto;
margin-right : auto;
padding : 0px;
border-width: 2px;
border-style: solid;
border-color: #172983;
}
#logo {
width: 114px;
height: 86px;
position: absolute;
text-align:center;
display:table-cell;
vertical-align: middle;
/* border-width: 1px;
border-style: solid;
border-color: red;*/
}
#texto {
width: 454px;
height: 86px;
margin-left: 114px;
/* border-width: 1px;
border-style: solid;
border-color: red;*/
text-align:center;
display:table-cell;
vertical-align: middle;
position: absolute;
}
#modelo {
width: 209px;
height: 284px;
margin-top: 2px;
margin-left: 566px;
/* border-width: 1px;
border-style: solid;
border-color: red;*/
text-align:center;
display:table-cell;
vertical-align: middle;
position: absolute;
/*z-index:1;*/
}
#menu {
width: 568px;
height: 57px;
margin-top: 86px;
margin-left: 0px;
/*border-width: 1px;
border-style: solid;
border-color: red;*/
text-align:center;
display:table-cell;
vertical-align: middle;
position: absolute;
}
Saludos!!!