display: block

[pellagofio]

¿En esta especificación que es lo que hace display: block?

#navlist a
{
...
display: block;
...
}

[Matthew_182]

al parece hace lo mismo que (no estoy seguro):

Código:

{ 
   width: 100%;
   heigth: 100%;
   margin: 0px 0px 0px 0px;
{

[KnowDemon]

Iniciado por Matthew_182

al parece hace lo mismo que (no estoy seguro):

Código:

{ 
    width: 100%;
    heigth: 100%;
    margin: 0px 0px 0px 0px;
 {

En lo absoluto.

Con display: block; especificas que el elemento se comporte como un elemento de bloque. Algunos ejemplos de elementos en bloque por defecto son los DIV, P, TABLE, BLOCKQUOTE, UL, LI, etc... Algunos ejemplos de elementos en línea son: (cualquier texto), A, IMG, SPAN, STRONG, EM, etc...

[PascalC]

Lista de los elementos inline :
http://www.htmlhelp.com/reference/html40/inline.html

Lista de los elementos block:
http://www.htmlhelp.com/reference/html40/block.html

[josephhh]

Si los div son elementos de bloque, dos div seguidos deberían quedar uno debajo del otro. Sin embargo a mí me quedan uno al lado del otro. ¿A qué se debe?. Gracias

[PascalC]

Significa que tienes definido en tus CSS que no se comporten asi.

[kemie]

si le pones un ancho, o especificas que floten, se veran uno al lado del otro.

[ladymerch4]

Iniciado por josephhh

Si los div son elementos de bloque, dos div seguidos deberían quedar uno debajo del otro. Sin embargo a mí me quedan uno al lado del otro. ¿A qué se debe?. Gracias

Hola,

Decirte que a mí me pasaba lo mismo, y lo solucioné (me funciona tanto con IE como con Firefox), con el siguiente código:

ul { /* all lists */
margin: 0;
border: 0 none;
padding-left: none; /* Esto es para que se desplacen a la dcha */
/* width: 500px;*/ /*For KHTML*/
width:12em; /* MUY IMPORTANTE */
list-style: none;

text-decoration:none;
height: 20px;
border:1px solid #fff;
padding-bottom:5px;
font-weight: normal;
font-size: 11px;
color: #6e6e6e;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

li { /* all list items */
margin: 0;
border: 1;
padding-left: 2.4em; /* Esto es para que se desplacen a la dcha */
float: left; /*For Gecko*/
display: block;
list-style: none;
position: relative;
height: 20px;
padding-bottom:0px;
font-weight: normal;
font-size: 11px;
color: #6e6e6e;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

li ul { /* second-level lists */
display: none;
position: relative; /* "relative" hace que se abra el menú hacia abajo */
top: 1em;
left: 5;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
background:#D1F3FF;
display:inline-block;

}