Problema con Divs y display inline...

[ZequeZ]

Weno, la cosa es que estoy haciendo pruebitas :P, con las divs, para ubicarlas, y tratar de "imitar alas tablas" de esta manera xD

El problema me surge cuando uso la opcion de display:inline en CSS...
Lo que pasa es que no se porque, lo siguiente no funciona...

Código HTML:

div.menu
{
	margin:0px 10px 0px 10px;
	border:#000000 5px solid;
	width:200px;
	display:inline;
}

Es decir, el borde no me lo muetras, en su lugar aparecen 2 lineas verticales, una arriba y otra por debajo de la div, con el ancho del valor de border, y el alto del valor de margin T.T

Esto me sucede en firefox 3, en internet explorer 6 lo probé y anda bien T.T
Raro no? Ya que el que tiene mala fama con CSS es el IE xD

Me ayudan? :P

[Acron_0248]

display:inline se utiliza para presentar un elemento como inline, un elemento que toma tanto espacio horizontal como necesite sin agregar saltos de línea antes o después del elemento, nada más

Si lo quieres son los cuatros bordes quita el display:inline, y si quieres usar el display, entonces utiliza display:block

[willyfc]

hola

puedes que poner un float:left al div

Código:

div.menu
{
	margin:0px 10px 0px 10px;
	border:#000000 5px solid;
	width:200px;
	display:inline;
        float:left;
}

y juegas con el margin

chau...

[ZequeZ]

Mmm, bueno, si, es verdad, me faltó explicar lo que quiero hacer no? xD

La cosa es que necesito que quede en la misma linea con otra div, por eso quiero usar inline y no block...

Por cierto, el float:left funcionó ;), pero no se porque, que se supone que está pasando? Porque no funciona solo con display:inline?

Tantos misterios sin resolver :S
xD

[willyfc]

mmm..
la verdad no se por que no te funciona en ff, a mi si me sale bien y en nuestro gran gran amigo IE6:-p:-p creo que no interpreta lee esto, este tema ya se vio en el foro

http://www.forosdelweb.com/f53/div-c...ht-1px-620564/

avisas como te va.

[Mikmoro]

Iniciado por ZequeZ

El problema me surge cuando uso la opcion de display:inline en CSS...
Lo que pasa es que no se porque, lo siguiente no funciona...

No funciona porque en el momento que pones display inline deja de actuar el width: 200px, y entonces mide lo que mida tu contenido, que no sé lo que es.

[ZequeZ]

Iniciado por Mikmoro

No funciona porque en el momento que pones display inline deja de actuar el width: 200px, y entonces mide lo que mida tu contenido, que no sé lo que es.

Y porque cuando se le pone float:left anda como si no hubiese pasado nada? xDD
Bah, mejor no molesto mas, gracias ^^

[Mikmoro]

Porque float left no tiene nada que ver con display inline, y la caja conserva su display de bloque.