Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/06/2011, 10:43
Avatar de _cronos2
_cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Separar dos divs

Buenas tardes amigos, vuelvo a necesitaros
Tengo un div contenedor, y dentro otros 2: una galería de imágenes, y un poco de texto. Lo que quiero es que la galería quede a la izquierda y el texto a la derecha, y en medio una imagen de un línea en vertical para separarlos.
Hasta ahí todo bien, la cuestión es que no lo consigo El CSS del slider viene ya hecho así que no puedo meter mano, sólo para flotarlo a la izquierda y darle un poco de left para que no se pegue a la pantalla. El HTML es así:
Código HTML:
Ver original
  1. <div id="container">
  2. <div id="wowslider-container1">
  3. <!-- ... -->
  4. </div>
  5. <img src="../images/separador.png" id="separador" />
  6. <div id="info">
  7. <!-- Some text -->
  8. </div>
  9. </div>

Y el CSS:
Código CSS:
Ver original
  1. #container {
  2.  position:relative;
  3.  height:500px;
  4. }
  5.  
  6. #separador {
  7.  height:450px;
  8.  display:inline;
  9.  float:left;
  10. }
  11.  
  12. #info {
  13.  display:inline;
  14.  float:left;
  15. }
Sin embargo, queda todo muy descolocado. También probé a flotar a la derecha #separador y #info, pero se descolocan de manera similar. ¿Cómo puedo hacer esto? Como último recurso podría colocar el separador en horizontal y poner la información arriba o abajo, pero me gusta más de esta manera.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red