Me estoy volviendo loco para centrar un div.
En ie se me ve bien y en opera tambien pero en firefox y en chrome no encuentro la manera:
Tengo dos hojas de estilos una para ie y otra para los demas navegadores tal y como expuso Foley en foro general y me ha fucionado bien en otras paginas pero aqui no soy capaz.
Consigo que se me vea centrado poniendo un <td> dentro del <tr> pero se me va mucho la anchura en opera, ie, y tambien en firefox y en chrome
Alguien ve donde tengo el error?
Gacias.
Un saludo
En ie se me ve bien y en opera tambien pero en firefox y en chrome no encuentro la manera:
<table width="800" align="center" bgcolor="#FFFFE0">
<tr>
<?php
include "archivos/configuracion.php";
$orden=0;
if (! $link = mysql_connect($server, $db_user, $db_pass)) {echo "No pudo conectare con mysql"; exit; }
if (! mysql_select_db ($database, $link)) {echo "No se PUDO selecionar la base de Datos"; exit; }
$check = "select * from $clasificacion order by puntos desc, dg desc";
$result = mysql_query($check) or die ("No se pudo seleccionar tabla porque ".mysql_error());
if (mysql_num_rows($result)) {
while ($qry = mysql_fetch_array($result))
{$orden=$orden+1;
echo "<div class='listContainer'>
<div align='center' width='50' class='clase50'>$orden</div>
<div width='200' class='clase200'>$qry[equipo]</div>
<div width='50' class='clase50'>$qry[gf]</div>
<div width='50' class='clase50'>$qry[gc]</div>
<div width='50' class='clase50'>$qry[dg]</div>
<div width='50' class='clase50'>$qry[pj]</div>
<div width='50' class='clase50'>$qry[pg]</div>
<div width='50' class='clase50'>$qry[pe]</div>
<div width='50' class='clase50'>$qry[pp]</div>
<div width='50' class='clase50'>$qry[puntos]</div>
<div width='50' class='clase60'> </div>
</div>";} }
?>
</tr>Estilos:.Estilo1 {
font-size: 24px;
font-weight: bold;
}
.listContainer {
width: 800px;
height: auto;
background-color: #FFFFE0 ;
position: relative;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 10px;
}
.listContainerTxt {
width: 800px;
height: auto;
position: relative;
float: right;
}
.clase200 {
width: 220px;
background-color: #FFFFE0 ;
float:left;
}
.clase50 {
width: 55px;
background-color: #FFFFE0 ;
float:left;
}
.clase60 {
width: 85px;
background-color: #FFFFE0 ;
float:left;
}Tengo dos hojas de estilos una para ie y otra para los demas navegadores tal y como expuso Foley en foro general y me ha fucionado bien en otras paginas pero aqui no soy capaz.
Consigo que se me vea centrado poniendo un <td> dentro del <tr> pero se me va mucho la anchura en opera, ie, y tambien en firefox y en chrome
Alguien ve donde tengo el error?
Gacias.
Un saludo