Style de una tabla

[catapelaez84]

hola, estoy tratando de darle estilo a una tabla quiero que tenga cierto tipo de letra u lo mas importante que este posicionada a la derecha de la pagina y a una altura especifica.
He intentado poner dentro del Tag <table> la posicion top:240px; left:1000px;.
Tanbien intente poner esta informacion en la hoja de estilo, y como ultima opcion intente meter la tabla dentro de un div.
Sin embargo nada de esto hace que la tabla cambie de sitio del punto 0,0. Le puse en el tag Table float right y lo que hizo fue ponermelo en la esquina superior derecha..
La verdad ya no se que estoy haciendo mal.

Pongo los codigos por si alguien pilla mi error.
Agradezco cualquier ayuda.. es URGENTE!!!

Código HTML:

<div id="tienetabla" style="top:40%; left:60%; background-color:#9C3;">
<table class="registro" style="float:right; top:inherit;">
 <caption>
    Historial de las ultimas 5 posiciones recibidas
  </caption>
<tr>
<th>Num </th>
<th> Fecha</th>
<th> Hora</th>
<th>Longitud</th>
<th>Latitud</th>
</tr>
 
 
<?php
    $archivo = file("historial.txt");
      if (!$archivo)
      {
      echo "<p>No se pudo abrir el archivo.</p>";
      } 
        $filas=count($archivo);
            
        for($i=0;$i<$filas;$i++)
          {
          $campo=explode(",",$archivo[$i]);
          $date = $campo[0];
          $time = $campo[1];
          $lnt = $campo[2];
          $lngNO = $campo[3];
          $sustituye = array("\r\n", "\n\r", "\n", "\r");
         $lng = str_replace($sustituye, "", $lngNO);
    
            if(($filas-$i)<=5){
            
                
?> 
<tr>
    <td><?php echo $i;?></td>
    <td><?php echo $date;?></td>
    <td><?php echo $time;?></td>
    <td><?php echo $lnt;?></td>
    <td><?php echo $lng;?></td>
  </tr>
<?php
}}
?>
</table></div>
 

la hoja de estilo

Código CSS:

#tienetabla{
position: absolute;
top:240px;
left:1115px;
}
table.registro{
    position:absolute;
    top:10px;
    left:10px;
    
    }
table.registro caption{
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: medium;
    font-style: italic;
    font-weight: bolder;
    font-variant: normal;
    color: #006;
    text-align: center; 
}
table.registro th{
position:relative;
float:right;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: small;
font-weight: bolder;
font-style: italic;
color: #006;
    
}
table.registro td{
position:relative;
float:right;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: small;
font-style: italic;
color: #006;
    
}
 

[educacanis]

Si lo que quieres es poner la tabla a la derecha dentro del div, porque no pruebas a alinearla a la derecha con align: right y poner a la tabla un margen de X píxeles para que se te separe del borde del <div> por arriba y por la derecha tantos píxeles como quieras??

en plan.

Código:

table.registro{
    align: right;
    margin-top: 500px;
    margin-right: 30px;
}

[Oscar_Hidro]

Como dice educanis, es cuestion de alinear a la derecha el div, y a ese div darle margenes al tope y a la derecha para que te desplaze la tabla a donde tu quieras. te recomiendo tambien definir estos elementos del style en tu html dentro del css

Código HTML:

<div id="tienetabla" style="top:40%; left:60%; background-color:#9C3;">
<table class="registro" style="float:right; top:inherit;">
 

Código CSS:

#tienetabla{
position: absolute;
top:240px;
left:1115px;
 
top:40%; //Para esto, tu ya has definido un top y un left aqui. solo es cuestion de manejarlo con % o con px.
left:60%;// Lo mismo q arriba 
background-color:#9C3;
}
table.registro{
    position:absolute;
    top:10px;
    left:10px;
 
    float:right; 
    top:inherit;//Mismo caso que mis comentarios anteriores
    
    }
 

[catapelaez84]

Oscar Hidro:
Gracias! finalmente logre poner mi tabla en un div y ponerle el style que queria.
Sin embargo hay veces que la position de los div no me funciona.
Se queda en el mismo lugar por mucho que varie top y left y ponga position absolute, relative o la que sea se queda en el mismo lugar.