CSS, Html, compagina

[SilviaMontanari]

Hola amigos tengo este problema:

Estoy modificando la pagina web para ser usada en moviles, pero me encuentro con este problema que pueden ver en la página

http://turfpremium.com.ar/web/flat/p...015&Me=7&Di=25

programo con PHP

Como pueden ver tengo la pagina principal con el menu, y por medio de un include cargo la tabla del final, si la veo en chrome se ve bien, pero en firefox o simuladores de celulares me pone la tabla al costado del menú.

La verdad es que no encuentro la solución.

Lo había resuelto los otros dias poniendo el weight en pixel, pero ahorase volvió a descuadrar.

La tabla esta armada con css y etiquetas html

El div esta configurado así

Código CSS:

#table2a {
    width: 350px;
    text-align: left;
    margin: 5px;
    
    background:black;
    
    }
 
.table2 {
    width: 350px;
    margin: 5px;
    border: 0px solid #000;
    border-collapse: collapse;
    caption-side: top;
    background:red;
}
 
.table2 caption {
    
    padding: 7px 5px 7px 5px;
    vertical-align: midle;
    font-size: 20px;
    border: 0px solid Black;
    color: Black;
    Background: #F0F8FF;
}
 
.table2 tr {
    font-family: Calibri, Arial;
    text-align: center;
    vertical-align: midle;
    border: 1px solid #000;
    padding: 1px;
    color:black;
    font-size:15px;
    background: #F0F8FF;
}
 
.table2 td {
text-align: center;
vertical-align: midle;
border: 1px solid #000;
padding: 0.3em;
color:black;
font-size:15px;
background: White;
}
 

y el codigo html

el final de la primera página

Código HTML:

<div id="prue">
    <ul>
        <a class="texto"><b>Elija la Carrera:</b> </a>
 
    </ul>
</div>
<?php
 
 
include ('../tablas/prografecha.php');
 
 
 
if (is_null($result)) {mysqli_free_result($result) ;}
mysqli_close ($mysqli);
?>
 
 
 
</body>
</html>
 

y el comienzo del archivo include es:

Código HTML:

<!DOCTYPE>
 
 
<div id="table2a">
 
    <table class="table2">
        <thead>
            <tr>
                <th width="5%">Carrera <br> Nro</th>
                <th width="75%">Premio</th>
                <th width="5%">Distan<br>cia</th>
                <th width="5%">Hora</th>
                <th width="5%">Pista</th>
                <th width="5%">Estado<br>Pista</th>
            </tr>
        </thead>
 
 
<tbody>
            <tr >
                <td><a href="prograresultados.php?Fec=<?php echo $Fecha ;?>&Ncar=<?php echo $Carr ;?>" Class="nrocarrprog"> <?php echo " <u>$Carr   </u> ";  ?></a></td>
                <td><a href="prograresultados.php?Fec=<?php echo $Fecha ;?>&Ncar=<?php echo $Carr ;?>" Class="premioprog">  <?php echo " <u>$NomCar </u> "; if ($Nomhipo2 != "Elija Hipo") {echo "Simulcasting con $Nomhipo2 ";} ?> </a></td>
                <td><?php echo "<b>  $Dist </b>  "; ?></td>
                <td><?php echo "<b> $Hora </b> "; ?></td>
                <td><?php if ($Pista=="Cesped"){ echo "<b> <font color=Green ><center> $Pista  </center></b> ";} else {echo "<b> <font color=Sienna ><center> $Pista </center> </b> ";} ?></td>
                <td><?php 
            
Switch ($EstPista)  {
 
        Case ("Normal"):    {echo "<b><font color=Green > $EstPista  </font></b> "; ?>  <?php }
        break;
        
        Case ("Humeda"):    {echo "<b><font color=Violet > $EstPista  </font></b>"; ?>  <?php }
        break;
        
        Case ("Pesada"):    {echo "<b><font color=MediumOrchid > $EstPista </b> "; ?>   <?php }
        break;
        
        Case ("Fangosa"):   {echo "<b><font color=Purple > $EstPista </b>  "; ?>    <?php }
        break;
        default:
                            {echo "<b> <font color=Black > $EstPista  </font> </b>"; ?> <?php }
        break;
        }
            
            ?>  </td>
            </tr>
        </tbody>