PHP-Hispano.net Comunidad hispana de desarrollo web

Contacto | #php_para_torpes | Enlázanos | ¿Quiénes somos?

16 usuarios Online (0)

Darse de alta en la web | Recuperar password   
Inicio / Foros / CSS / Problemas con columnas iguales y css

Problemas con columnas iguales y css

5 respuestas 1553 visitas Categoría CSS

Problemas con columnas iguales y css

Avatar de mjgracia10
* * * * * * *

(Nivel 3 - 181 posts)

#0 Offline mjgracia10 Usuario 04 sep 08
En un post anterior logre ver como hacen para visualizar 3 columnas del mismo tamaño. Es igual al css que muestro a continuación.
/* Estilo Layout con columnas iguales */
#contenedor {
width: 1000px; /* Es necesario poner un ancho o alto para que IE "limpie" el elemento automaticamente */
margin: 0 auto;
overflow: hidden;
margin-top: 0px
}

/* Limpiamos el contenedor para los navegadores que si funcionan como deben */
#contenedor:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}

#izquierda, #central, #derecha {
float: left;
margin-right: 0px;
padding-bottom: 32768px;
margin-bottom: -32768px;
}
#izquierda {
width: 500px;

}

#central {
width: 240px;
background: #90D1BF;
}

#derecha {
width: 260px;
background-color:white;
margin-right: 0 /* eliminamos el margin que agregamos arriba para que no descuadre */
}

El problema que tengo es que , luego de definir la columna, ej: izquierda, si quiero dentro de ella aplicar otro div con otro diseño css, no me lo está tomando. No se como hacer para que me tome.
Ej:

<div id="contenedor">
<div id="cabecera"></div>
<div id="izquierda">

<div id="noticia">
<div id="titulo">afafasfa</div>
<div class="somediv">
<div class="floatbox"> <img src="imgnot/marcha.jpg" /></div>
<p>El Secretario General del Sindicato de Empleados de Comercio,
Daniel Ruberto estuvo junto a los trabajadores del supermercado Coto,
quienes se encuentran realizando una protesta en reclamo de mejoras salariales.
Por su parte Hugo Villalba, empleado de la empresa de origen argenino relató
desde cuando vienen llevando adelante esta protesta y
además informó que el paro es por tiempo indeterminado.
</p>
</div>
<p>Fuente: </p>
</div>

</div>
<div id="central">
<p>asfasfa</p><p>asfasfa</p><p>asfasfa</p><p>asfasfa</p><p>asfasfa</p><p>asfasfa</p>
</div>
<div id="derecha">
<? include('publicidades.html');?>
</div>
</div>

En este post, todo lo qeu está en negrita (contenido dentro del div noticia), esta definido en la css, y no me está tomando ninguna propiedad?.
Alguien podria ayudarme a resolver este problema.?
Gracias, marcelo

Re: Problemas con columnas iguales y css

Avatar de panino
* * * * * * *

(Nivel 7 - 1463 posts)

#1 Offline panino Usuario 04 sep 08
Mi recomendación es que no uses esa técnica para igualar las columnas. Si bien es ingeniosa, no funciona correctamente en todos los navegadores. En otro post que no sé si leíste, te sugerí una técnica que usa un poco de javascript y una maquetación 3 columnas más tradicional. Este es el post al que me refiero: http://www.php-hispano.net/foros/CSS/31212, al que le he introducido una pequeña modificación hace unos instantes. Funciona sin problemas en Explorer, Safari, Ópera, Firefox, Chrome y hasta en Mobile Safari 1.1.3-iPhone ;)

www.disegnocentell.com.ar

Re: Problemas con columnas iguales y css

Avatar de mjgracia10
* * * * * * *

(Nivel 3 - 181 posts)

#2 Offline mjgracia10 Usuario 04 sep 08
Si panino, lo he leido. De echo, me he inclinado por implementarla, ya que me ha funcionado perfectamente. Te agradezco tu colaboración.
Cuando termine el diseño del sitio, lo voy a publicar y mostrar.
Slds, marcelo.

Re: Problemas con columnas iguales y css

Avatar de mjgracia10
* * * * * * *

(Nivel 3 - 181 posts)

#3 Offline mjgracia10 Usuario 04 sep 08
Panino, estoy teniendo un error con ese código en IE7 y no en fifefox 3.
El error es de javascript .
Linea: 33
Caracter: 28
Error: 'wActual.0' es nulo o no es un objeto
Codigo: 0


Te dejo el archivo para que lo veas si podes web

Ayer no me daba el error porque en casa no tengo ie, hoy en mi trabajo lo pruebo en una pc con windows y si. me sale ese error que te dije anteriormente.
Nuevamente, saludos y gracias.

Re: Problemas con columnas iguales y css

Avatar de panino
* * * * * * *

(Nivel 7 - 1463 posts)

#4 Offline panino Usuario 04 sep 08
Sí, a eso me refería con esto:

Este es el post al que me refiero: http://www.php-hispano.net/foros/CSS/31212, al que le he introducido una pequeña modificación hace unos instantes.


Justamente edité el código que te propuse en ese post por ese mismo error. Es una mínima modificación, pero Explorer la necesita para funcionar correctamente ;)
Copiá nuevamente el código que he editado y va a funcionar correctamente.

www.disegnocentell.com.ar

Re: Problemas con columnas iguales y css

Avatar de mjgracia10
* * * * * * *

(Nivel 3 - 181 posts)

#5 Offline mjgracia10 Usuario 04 sep 08
OK gracias panino. ya lo he probado y funciona.
Saludos, marcelo.

Responder mensaje

Para poder participar debes estar registrado e identificado. Si no estás registrado como usuario de PHP-Hispano, :: Registrar ::
Login / Password   

php-hispano.net 2002 - 2010 | XHTML 1.0
Datos Legales | Webmaster