hola amigo tengo un problemilla todo paso cuando agregue a mi codigo el reset.css para corregir unos problemas de margenes entre los navegadores el cual baje de esta dirección [URL="http://www.objetivocreativo.com/reset.zip"]http://www.objetivocreativo.com/reset.zip[/URL] y ahora los borde de mi tabla quedaron de la siguiente manera en Explorer:
Quiero saber como arreglar ese problema con el IE7 y que se vea como en el chrome! aqui les anexo el codigo HTML y CSS para quien me pueda ayudar por favor
Codigo HTML:
Código:
<!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">
<title>Documento sin título</title>
<link href="css/reset/reset.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/table.css" />
</head>
<body>
<table>
<thead>
<tr>
<th scope="col">Top</th>
<th scope="col">Usuario</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td> </td>
</tr>
<tr class="odd">
<th scope="row">2</th>
<td><a href="#"> cargaulairtiona</a></td>
</tr>
<tr>
<th scope="row">3</th>
<td> </td>
</tr>
<tr class="odd">
<th scope="row">4</th>
<td> </td>
</tr>
<tr>
<th scope="row">5</th>
<td> </td>
</tr>
<tr class="odd">
<th scope="row">6</th>
<td> </td>
</tr>
<tr>
<th scope="row">7</th>
<td> </td>
</tr>
<tr class="odd">
<th scope="row">8</th>
<td> </td>
</tr>
<tr>
<th scope="row">9</th>
<td> </td>
</tr>
<tr class="odd">
<th scope="row">10</th>
<td> </td>
</tr>
</tbody>
<tfoot>
<tr>
<th scope="row"></th>
<td><a href="#">ver Top 500 »</a></td>
</tr>
</tfoot>
</table>
</body>
</html>
Codigo CSS:
Código:
table{
border-collapse: collapse;
border: 1px solid #CCCCFF;
width:200px;
font: 70% "Verdana" Helvetica, sans-serif;
color: #ECF6F0;
background: #3399FF;
}
caption {
color:#000000;
font-size:1.1em;
background: transparent;
padding:5px 10px 7px 5px;
text-align:right;
font-weight:700;
text-transform:uppercase;
}
tbody tr{
position:relative;
background: #3399FF;
}
td, th {
border: 1px dashed #99CCFF;
padding: .4em;
color: #F0ECF6;
}
th {
font-weight:700;
}
thead th, tfoot th {
font: bold 0.9em verdana, arial, helvetica, sans-serif;
border: 1px solid #99CCFF;
text-align: left;
background: #6666FF;
color: #F0ECF6;
padding-top:6px;
}
tbody td a {
background: transparent;
text-decoration: none;
color: #F0ECF6;
}
tbody td a:hover {
background: transparent;
text-decoration: underline;
color: #FFFFFF;
}
tbody th, tbody td {
vertical-align: top;
text-align: left;
}
tfoot td {
border: 1px solid #CCCCFF;
background: #6666FF;
padding-top:6px;
font: bold 0.9em verdana, arial, helvetica, sans-serif;
text-align:right;
}
tfoot th a, tfoot td a {
font: normal 1em verdana, arial, helvetica, sans-serif;
background: transparent;
text-decoration: none;
font-weight:normal;
color: #F0ECF6;
}
tfoot th a:hover, tfoot td a:hover {
background: transparent;
text-decoration: underline;
color: #FFFFFF;
}
tbody tr.odd{
background: #6699FF;
}
tbody tr:hover, tbody tr.odd:hover{
background: #0066FF;
}
Les agradezco cualquier opinion por favor!!! graciasss