Primero, las preguntaa del millón,
ambas páginas te pertenecen?
usá apache?
De ser así, una variante a lo dicho por @Bonez
En la web dónde esta originalmente la tabla
index.php
Código PHP:
Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>indice</title>
<link rel="stylesheet" type="text/css" href="tabla.css" media="screen" />
</head>
<body>
<h1>Tabla</h1>
<div id="tabla">
<?php
include('tabla.php');
?>
</div>
</body>
</html>
tabla.php
Código PHP:
Ver original<table border="1" width="30%" cellpadding="3" cellspacing="3" class="datos">
<tr><td>uno</td></tr>
<tr><td>dos</td></tr>
<tr><td>tres</td></tr>
</table>
tabla.css
Código CSS:
Ver originaltable.datos{
color: red;
font-family: arial;
}
y en el .htaccess (para permitir Ajax Crossdomain)
Código Apache:
Ver original<FilesMatch "tabla.php$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
Como ves, tabla.php y tabla.css son dos archivos independientes
Ahora en tu otra Web (y vamos a usar jQuery para simplificarte la carga con Ajax)
Código PHP:
Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<link rel="stylesheet" type="text/css" href="http://emprear.dnsd.info/ajax/include_load/tabla.css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<div id="syn">
<?php
// cargás la tabla inicialmente
echo $tabla;
?>
<script type="text/javascript">
//<![CDATA[
function actualiza(){
var tiempo = new Date().getTime();
$("#syn").load('http://emprear.com.ar/include_load/tabla.php?' + tiempo);
}
setInterval('actualiza()',10000);
//]]>
</script>
</div>
</body>
</html>
observá también que en esta página llamamos con la url completa al archivo de estilos de la tabla (
http://emprear.dnsd.info/ajax/include_load/tabla.css )
De esta manera en la 2º web los cambios a la tabla se reflejarán automáticamente
Saludos