div de color a 2px en IE

[gVenom]

Saludos.

Tengo un div con color de fondo y alto de 2px, al menos asi se ve en firefox, porque en IE se ve como de 5 px y no se como arreglarlo ya que no me toma ninguna medida como valida. El css se ve asi:

Código CSS:

#grey-line{
    position:relative;
    display:block;
    width:528px;
    height:2px;
    background-color:#999999;
    left: 7px;
    top: 50px;
}
 

ese es un problema, el otro es que tengo otro div con color de fondo que hace de pie de pagina, y este ni siquiera se ve y no se porque. La ultima vez que pregunte me dijeron que porque no tenia nada en el, pero ahora tiene texto y aun asi no lo veo. El CSS es:

Código CSS:

#bottom {
    position:relative;
    background-color:d8d8d8;
    top:837px;
    width:778px;
    height:40px;
    z-index:auto;
}
 

y en el html:

Código HTML:

<div id="bottom">501(C)3 Status by ggministries.org</div> 

gracias por la ayuda.

[emiliodeg]

intenta con esto primero q nada
#grey-line{
position:relative;
display:block;
width:528px;
height:2px;
background-color:#999999;
left: 7px;
top: 50px;
margin:0;padding:0;

y para el segundo etsa mal el color de fondo
background-color:d8d8d8;

es background-color:#d8d8d8;tal vez por ello no lo estas viendo


}

[gVenom]

no, ya lo habia intentado margin:0;padding:0;

lo de el background-color:#d8d8d8 si tienes razon, que bruto no lo habia visto jeje

[Mikmoro]

Tienes dos opciones para lo del div vacío: puedes poner overflow: hidden, o puedes poner font-size: 2px.
En cualquiera de los dos casos eso hace que el div pueda medir de alto 2px como quieres también en IE6.

Y ya de paso te recomiendo que repases un poco de CSS básico porque por ejemplo z-index: auto no sirve de nada. Un buen repaso a las propiedades y sus valores te vendría bien

[gVenom]

Iniciado por Mikmoro

Tienes dos opciones para lo del div vacío: puedes poner overflow: hidden, o puedes poner font-size: 2px.
En cualquiera de los dos casos eso hace que el div pueda medir de alto 2px como quieres también en IE6.

Y ya de paso te recomiendo que repases un poco de CSS básico porque por ejemplo z-index: auto no sirve de nada. Un buen repaso a las propiedades y sus valores te vendría bien

Gracias Mik, sirvio a la perfección. El z-index la verdad nunca lo uso, siempre me da errores de validación, ahi lo puse por "probar" o "batear" como decimos por aqui.
Ahi me recomendaron un libro de lhttp://www.librosweb.es/css/ , Introducción al CSS, lo malo es que casi no tengo tiempo para repasarlo porque estoy tallado con los trabajos.Pero ahi voy sacando ratos.

A proposito se puede poner un grosor de linea a un div pero solo la linea de arriba? y con color?

Gracias

[kseso?]

Hola Emilio
si #grey-line lo usas como elemento separador, puedes usar en vez de un id el elemeto <hr> y definirle las distintas propiedades, entre ellas la altura, color de fondo... etc

Iniciado por gVenom

A proposito se puede poner un grosor de linea a un div pero solo la linea de arriba? y con color?

border-top {2px solid #000}

[gVenom]

Iniciado por kseso?

Hola Emilio
si #grey-line lo usas como elemento separador, puedes usar en vez de un id el elemeto <hr> y definirle las distintas propiedades, entre ellas la altura, color de fondo... etc

border-top {2px solid #000}

Hola kseso?

lo del <hr> se me ocurrio, pero apenas comienzo con css y no pude ponerle parametros desde mi css, crei que era como:

Código CSS:

hr{top55px;color:#999999}
 

pero se me queda arriba del div que lo contiene, asi que mejor opte por hacer algo que ya conozco mejor como son los div.

Gracias por lo del border-top {2px solid #000}

[Mikmoro]

Yo siempre uso como referencia la propia especificación de CSS, que es el lugar más fiable para consultar muchas cosas.
http://www.sidar.org/recur/desdi/tra...css/cover.html

[gVenom]

Iniciado por Mikmoro

Yo siempre uso como referencia la proia especificaci´pon de CSS, que es el lugar más fiable para consultar muchas cosas.
http://www.sidar.org/recur/desdi/tra...css/cover.html

Excelente, voy a tomarlo en cuenta tambien. Gracias.