Hola, si, son medidas fijas... Lo que ves como triangulo rojo, es un "boton" que debe funcionar como submit de un formulario...
Lo que no sabía bien, es como crear el contenedor con las 4 zonas alrededor para centrar en ellas los botones...
Básicamente hice un div superior y uno inferior independientes
Y en el centro hice uno donde a la izq dejé uno, otro a la derecha y finalmente otro en el centro...
El centrado vertical de los botones a izq. y derecha lo hice con padding
El CSS es así
Código HTML:
#lab {height: 400px;width: 550px;padding: 0px;margin: 0 auto;}
.center {height: 380px;width: 430px;position: relative;display: block;margin: 0px;padding: 10px;float: left;}
.left {height: 55px;width: 50px;position: relative;display: block;margin: 0px;padding: 175px 0px 0px 0px;float: left;text-align: center;}
.right {height: 55px;width: 50px;position: relative;display: block;margin: 0px;padding: 175px 0px 0px 0px;float: right;text-align: center;}
.top {height: 50px;width: 550px;position: relative;display: block;margin: 0px auto;padding: 0px;text-align: center;}
.bottom {height: 50px;width: 550px;position: relative;display: block;margin: 0px auto;padding: 0px;text-align: center;}
Y el esquema es este...
Código HTML:
<div class="top">BOTON</div>
<div id="lab">
<div class="left">BOTON</div>
<div class="center"></div>
<div class="right">BOTON</div>
</div>
<div class="bottom">BOTON</div>
Reemplace el codigo por la palabra BOTON para que no se haga tan largo...