Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Problema con divs posicionamiento horizontal

Estas en el tema de Problema con divs posicionamiento horizontal en el foro de CSS en Foros del Web. Vereis, en mi cms quiero poner lo tipico de un blog, lo que es el blog en si, donde estan las noticias y el menu ...
  #1 (permalink)  
Antiguo 25/09/2013, 12:50
 
Fecha de Ingreso: junio-2013
Ubicación: La Eliana
Mensajes: 38
Antigüedad: 4 años, 10 meses
Puntos: 0
Problema con divs posicionamiento horizontal

Vereis, en mi cms quiero poner lo tipico de un blog, lo que es el blog en si, donde estan las noticias y el menu de la derecha o contenido-right, la cosa es que tengo la estructura asi:
Contenido
contenido-left
contenido-right
y este es mi css
Código CSS:
Ver original
  1. .contenido{
  2.     width: 960px;
  3.     height: auto;
  4.     margin: 0px auto 0px auto;
  5.     background-color: white;
  6.  
  7.     -webkit-box-shadow: -10px 7px 11px rgba(44, 50, 50, 0.5);
  8.     -moz-box-shadow:    -10px 7px 11px rgba(44, 50, 50, 0.5);
  9.     box-shadow:         -10px 7px 11px rgba(44, 50, 50, 0.5);
  10.  
  11. }
  12. .contenido-left{
  13.     width: 600px;
  14.    
  15.     padding: 0px;
  16.     height: auto;
  17.     left: 0;
  18.     margin: 0px 10px 10px 10px;
  19. }
  20.  
  21.  
  22. .contenido-right{
  23.     width: 320px;
  24.     padding: 10px;
  25.     background-color: red;
  26.     min-height: 400px;
  27.     float: right;
  28.     padding: 10px;
  29.    
  30.  
  31.  
  32. }
y se me muestra asi:

He probado con position y nada, cambiando tamaños y nada, alguien sabe solucion?
Gracias de antemano
  #2 (permalink)  
Antiguo 25/09/2013, 12:53
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 10 meses
Puntos: 1512
Respuesta: Problema con divs posicionamiento horizontal

El div que declaraste contenido-right colócalo antes de div que declaraste contenido-left. Debe quedar algo así

Código HTML:
Ver original
  1. <div class="contenido-right"></div>
  2. <div class="contenido-left"></div>

Lo digo así porque no declaraste el contenido de la izquierda como flotante. Pero si lo colocas tambien como flotante te debe funcionar lo que hiciste.

Y me adelanto a otro problema que posiblemente te vas a enconcontrar y te voy a recomendar en el futuro más cercano que leas esto http://librosweb.es/css_avanzado/cap...ar_floats.html de esa forma no te recomendaré en el futuro cercano que leas eso
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 25/09/2013, 13:25
 
Fecha de Ingreso: junio-2013
Ubicación: La Eliana
Mensajes: 38
Antigüedad: 4 años, 10 meses
Puntos: 0
Respuesta: Problema con divs posicionamiento horizontal

Cita:
Iniciado por abimaelrc Ver Mensaje
El div que declaraste contenido-right colócalo antes de div que declaraste contenido-left. Debe quedar algo así

Código HTML:
Ver original
  1. <div class="contenido-right"></div>
  2. <div class="contenido-left"></div>

Lo digo así porque no declaraste el contenido de la izquierda como flotante. Pero si lo colocas tambien como flotante te debe funcionar lo que hiciste.

Y me adelanto a otro problema que posiblemente te vas a enconcontrar y te voy a recomendar en el futuro más cercano que leas esto [url]http://librosweb.es/css_avanzado/capitulo_1/limpiar_floats.html[/url] de esa forma no te recomendaré en el futuro cercano que leas eso
Excelente! me funciono, y muchas gracias por el post ese de limpiar los floats, me servira de mucho en un futuro :D

Etiquetas: background, color, contenido, divs, horizontal, posicionamiento
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:38.