Hola a todos. Estoy maquetando una plantilla que he hecho con Photoshop y estoy teniendo problemas a la hora de alinear los bloques.
Tengo dos bloques, uno a la izquierda (principal) y un sidebar a la derecha. Entonces el problema lo tengo al poner la parte redondeada de arriba como se puede ver en la imagen.
Aquí pongo el código en CSS:
Código:
#contenido_web{
width:1150px;
margin:0px auto;
background: url(imagenes/fondo-sup.png) no-repeat top left;
padding:29px 0px 0px 0px;
}
#izquierda{
float:left;
width:750px;
padding:0px 11px 11px 11px;
background: url(imagenes/fondo-izq.png) repeat-y;
}
#derecha{
float:right;
width:355px;
padding:0px 11px 11px 12px;
background: url(imagenes/fondo-der.png) repeat-y;
}
#contenido_web sería un bloque que incluye todo y después #izquierda sería el bloque de la izquierda y #derecha el del sidebar.
La imagen fondo-sup.png es la que me da error.
¿Sabéis qué tengo que modificar en el código para poner alinear correctamente la parte de arriba de los bloques?