No se ve el fondo de un div en IE

omar190 · #1 (**permalink**) 22/09/2008, 15:37

TEngo un problema que ya no se que hacer ya intente solucionarlo de uno y otra forma, el problema es que tengo un div el cual estoy poniendole un fondo en color gris, el problena surge cuando abro la pagina con IE el fondo desaparece y se colorea de color blanco y esto pasa con todos los divs del sitio, en Fire Fox funciona a la perfeccion y como es el navegador que uso pues todo lo estoy basando en este navegador, le pongo el codigo que utilizo y tanto para el div como el CSS

Código css:

Ver original#ppal2{
    background-color:#CCCCCC;
    width:890px;
    padding:0px;
    border:0px;
    margin:5px;
}

Código html:

Ver original<div id="ppal2">
    <table class="formato_tb">
        <tr><td></td></tr>
   </table>
</div>

Mikmoro · #2 (**permalink**) 22/09/2008, 15:43

Si usas un doctype correcto,

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

en el código que pones no está el problema, porque se ve exactamente igual en FF que en IE.

omar190 · #3 (**permalink**) 22/09/2008, 16:01

este doctype que tengo en todas las paginas del sitio:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

ya intente cambiando el tipo de doctype a strict y aun asi no logro que el fondo se vea

Mikmoro · #4 (**permalink**) 22/09/2008, 16:07

Tu doctype está bien. Se tiene que deber a otra parte de tu css, porque con sólo la que muestras, la tabla tiene el fondo gris. Pega en un html sólo el html y el css que has puesto y lo verás.

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
#ppal2{
background-color:#CCCCCC;
width:890px;
padding:0px;
border:0px;
margin:5px;
}
</style>
</head>
<body>
<div id="ppal2">
<table class="formato_tb">
<tr><td></td></tr>
</table>
</div>
</body>
</html>