Hola, estoy haciendo tablas con div y me salen bárbaro tal cual como la ven en el código de ejemplo, se ven bien en ie, mozilla y chrome, pero tengo un pequeño problema en chrome, por una necesidad tengo que agrandar la vista de la pantalla y lo hago haciendo ctrl + que tienen todos los browser pero en chrome se me desacomodan las columnas, para que vean el código de ejemplo que pongo hagan la prueba y se corre un pixel, alguien sabe si debo poner algo mas en las propiedades css para que esto no ocurra. Probé tambien con las propiedades display table pero sigue haciendo lo mismo, ademas no las quiero usar porque no la reconocen los browser viejos.
Desde ya muchas gracias por la colaboración.
Saludos
Juan
Código HTML:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.fila {
width: 250px;
height: 22px;
clear: both;
}
.columna {
float: left;
width: 67px;
height: 20px;
border: 1px solid #333333;
}
.columnae {
float: left;
width: 136px;
height: 20px;
text-align: left;
border: 1px solid #333333;
}
</style>
</head>
<body>
<div class="fila">
<div class="columna">1234</div>
<div class="columna">cuenta</div>
<div class="columna">1234.00</div>
</div>
<div class="fila">
<div class="columnae">1234cuenta</div>
<div class="columna">1234.00</div>
</div>
</body>
</html>