Foros del Web » Creando para Internet » CSS »

alinear divs horizontalmente sin js solo CSS

Estas en el tema de alinear divs horizontalmente sin js solo CSS en el foro de CSS en Foros del Web. hola tengo un diseño de divs de tres columnas: <div id="contenedor" style="width:983px;margin:0px auto;"> <div id="columna_izq" style="width:743px">texto texto texto</div> <div id="columna_centro" style="background-image:lineapunteada.png; width:24px"></div> <div id="columna_der" style="width:216px;background-image:fondo_rayado.png ...
  #1 (permalink)  
Antiguo 09/12/2010, 10:04
 
Fecha de Ingreso: octubre-2009
Ubicación: medellin
Mensajes: 5
Antigüedad: 8 años, 1 mes
Puntos: 0
Pregunta alinear divs horizontalmente sin js solo CSS

hola tengo un diseño de divs de tres columnas:


<div id="contenedor" style="width:983px;margin:0px auto;">

<div id="columna_izq" style="width:743px">texto texto texto</div>

<div id="columna_centro" style="background-image:lineapunteada.png; width:24px"></div>

<div id="columna_der" style="width:216px;background-image:fondo_rayado.png ">banners</div>


</div>


como pueden ver es muy sencillo la divicion en el div1 tengo contenido, en el engundo una imagen punteada separadora y el tercero tengo banners con u fondo rayado de fondo.

si se estira el primero los otros dos no se estiran como soluciono esto sin usar js ni ajax solo con CSS

gracias por su ayuda.
  #2 (permalink)  
Antiguo 09/12/2010, 13:34
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: alinear divs horizontalmente sin js solo CSS

no se necesita js para esto, y ajax menos, simplemente debes de aplicar los CSS float y clear correspondientes, y te recomiendo que investigues un tutorial de CSS que puedes conseguir fácilmente, suerte.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 09/12/2010, 13:50
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: alinear divs horizontalmente sin js solo CSS

No entiendo exactamente a que te refieres con "si se estira el primero los otros dos no se estiran"

Supongo que deseas crear columnas de igual alto o “equilibradas".

Te comparto estos links, con los que he aprendido a hacerlo (sin js)

http://www.araudi.net/ejemplos/colum...ilibradas.html

http://www.css.devillasbuenas.es/2columnas.html

http://matthewjamestaylor.com/blog/e...r-css-no-hacks

http://www.vectoralia.com/manual/htm...scolumnas.html (este es el mas sencillo y el que uso yo)

Espero te sirva, cualquier cosa pregunta. Saludos
  #4 (permalink)  
Antiguo 09/12/2010, 14:01
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: alinear divs horizontalmente sin js solo CSS

Lo que pasa que en el primer div tienes texto, y como los otros dos divs, tienes imagenes, definidas y estaticas, es decir, estas no se pueden estirar, es por eso que cuando estiras el contenedor, se estira el primer div, que es el que contiene el texto.

Pero no veo caso extirarlo, deberias especificar que quereis lograr.

Saludos

Etiquetas: alinear, horizontalmente, js
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 10:46.