Comunidad de diseño web y desarrollo en internet online

Problema con tabla dentro de un <div>

Citar            
MensajeEscrito el 12 Dic 2007 10:27 pm
Hola, mediante AJAX estoy devolviendo informacion en una tabla, la cual se carga en el siguiente div:

<div id="resultado" class="mipedidoDIV" style="overflow-y:auto;width:600px; height:400px;margin:auto" >
</div>

la clase mipedidoDIV es:

.mipedidoDIV{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:9px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

el código de la tabla es:
<table width='600' style='height:auto' border='1' cellpadding='0' cellspacing='0'>

El problema que tengo es que en Internet Explorer las celdas no respetan los width que le doy, y los datos dentro de las celdas bajan de renglón sin que termine la celda en la que están.

En FF no sucede esto, estuve buscando y al parecer IE tiene problemas con tablas dentro de DIVS, alguien tiene alguna idea ?

Gracias.

Por el_bass

0 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 03 Ene 2008 04:50 pm
Prueba a poner en la hoja de estilos el consabido:

*{
margin:0;
padding:0;}

te salvará de muchas cosas así.

Por Gabo

41 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.