Problema con divs

Whose #1 Oct '04 Penitente

Estoy haciendo el foro de mi web con divs + css y tengo algunos problemas, uno de ellos es este:
www.whose-gfx.com/uploads/div_foro.gif

El problema esta en que un div es mas grande verticalmente que el otro ya que depende del contenido que tengan, no son como las tablas que le puedo dar un tamaño y si se sobrepasa se agranda.

Lo que quiero es que los 2 divs tengan el mismo tamaño siempre, el codigo CSS es el siguiente:

.foro_nick {
border: 1px #000000 solid;
background-color: #232323;
width: 102px;
height: 10px auto;
text-align: left;
float: left;
margin-left: 2px;
margin-right: 1px;
padding: 4px;
}
.foro_contenido {
border: 1px #000000 solid;
background-color: #232323;
width: 422px;
text-align: left;
float: left;
padding: 4px;
}

Espero que alguien me pueda ayudar
saludos!

B

[Borrado] #2 Oct '04

has probado a ponerle height: auto; al 2º ?

Whose #3 Oct '04 Penitente

claro pero se pone hasta donde termina el texto, no hasta donde termina el otro div

LiuM #4 Oct '04 Gafe

Si el de la izquierda donde va el avatar siempre es de esa altura puedes ponerle al otro esa altura y apartir de ahi que se haga grande segun contenidos..no se mucho de css pero supongo que "heigth 10px auto" esque en principio es 10px y luego de amplia segun conveniencia...igual poniendole a foro.contenido lo mismo se puede sacar algo bueno xD

Whose #5 Oct '04 Penitente

si pero si en el del mensaje hay mas contenido pues se ampliaria y el del nick quedaria mas pequeño que es lo que no quiero que ocurra xD

B

[Borrado] #6 Oct '04

LiuM, peor entonces si el div dle contenido es mas grande que el div de la foto, la foto no se haría mas grande, creo.

Quizás metiendo los 2 divs, dentro de uno que los englove, esa grande con el tamaño minimo, y aparte auto, y en las divs pequeñas (la del nick y la de contenido) probando con height: 100%; Pero sucede que el height: 100%; no lo reconoce el Mozilla firefox, habría que buscar algún hack o algo así...

Whose #7 Oct '04 Penitente

ya lo probe, pero poniendo esos 2 divs dentro de uno, si en el que los engloba pongo height: loqueseapx auto;
se pone a 1px ya que no mira por el contenido de los 2 que contiene sino que cree que no hay nada ahi dentro

B

[Borrado] #8 Oct '04

eso es por que los que están dentro están flotando...
si están flotando no tienen nada que ver con el div a los que pertenecen... o algo de eso oí,

De todas formas prueba a meterte en #css dewl Quakenet y si tiene sun conocimiento medio de inglés + algun traductor ingles/español, pregunta la duda que ahi me solucionaron bastantes dudas.

SsNnIiFf #9 Oct '04

Yo tengo una idea de como hacerlo, lo he probado asi un poco rapido y ha funcionado, es una manera de enfocar el problema diferente a como lo tenias tu.

Te lo explicaria por aqui pero temo que te lies aun mas, prefiero que contactes conmigo y te paso los archivos de ejemplo y te explico,ok ?

icrave en #diseñadores @ qnet

Whose #10 Oct '04 Penitente

Ya esta!!!! icrave muchas gracias :***

B

[Borrado] #11 Oct '04

whose, quizás podrías poner el código ya resuelto, por si alguno tiene el mismo problema saber solucionarlo.

Whose #12 Oct '04 Penitente

pues poner un div global con
.foro_contenedor{
border: 1px #000000 solid;
background-color: #232323;
width: 543px;
height: auto;
margin-left: 2px;
float: left;
}

LiuM #13 Oct '04 Gafe

y los otros 2 igual que antes?

Whose #14 Oct '04 Penitente

si, quitandole los bordes y poniendo un background en el de contenedor que imite el borde que divide los 2.

Usuarios habituales