Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/06/2012, 07:09
carolina3
 
Fecha de Ingreso: agosto-2011
Ubicación: barcelona
Mensajes: 237
Antigüedad: 13 años, 3 meses
Puntos: 1
colocar 3 div uno al lado del otro y una imagen en el centro del div

hola muy buenas tengo un enorme problema y no consigo solucionarlo

he creado un div contenedor donde necesito colocar un div cabecera y que este contenga 3 div uno a la izquierda al 25% del div cabecera y otro en el centro al 50% y el 3 a la derecha al 25% los tantos por cientos son el ancho para que me acupe el tamaño de la cabecera al completo pero me estoy liando con las posiciones y que sean relativo o obsoluto al contenedor le doy absoluto y a la cabecera relative pero nada que me estoy haciendo un lio enorme y no lo consigo alguien puede echarme una mano en el css para ordenar esto

muchas gracias

aquí el codigo faltaría el 3 div que va a la derecha pero es que el div #cabtxt que deberia quedar en el centro se me pone en la linea siguiente es decir por debajo del div cabecera y deberia quedar dentro

Código CSS:
Ver original
  1. body {
  2.     background-repeat: no-repeat;
  3.     background-color:#FFF;
  4.      display:inline;
  5. }
  6.  
  7. #contenedor {
  8.     width: 1280px;
  9.     height: 1200px;
  10.     margin-top: 0px;
  11.     margin-right: auto;
  12.     margin-bottom: 0px;
  13.     margin-left: auto;
  14.     position: relative;
  15.     background-color: #FFF;
  16. }
  17. #cabecera{
  18.     height: 200px;
  19.     background-color: #CCC;
  20.  
  21. }
  22.  #cablogo {
  23.     height: 100%;
  24.     width: 25%;
  25.     left: 0px;
  26.     top: 0px;
  27.     position:relative;
  28.    
  29. }
  30. #cabtxt {
  31.     height: 100%;
  32.     width: 50%;
  33.     left: 350px;
  34.     top: 0px;
  35.     position:relative;
  36. }

Última edición por carolina3; 26/06/2012 a las 07:24