Cita:
Iniciado por Ag666 
si andas mal en ingles siempre puedes usar un traductor no sea perezoso, ademas yo le he pedido mas información, un ejemplo del código empleado o link a tu sitio, te repito sin mas información es imposible ayudarte aquí estamos para ayudarte pero si no sabemos donde estas errando pues solo nos quedaría adivinar, no existe un script maestro que solo debas poner y ya.
todo depende de que tan bien escribas tu código html + css
pero va adivinare un poco, estas utilizando porcentajes de manera inadecuada y/o utilizas posición absoluta en exceso... así que su solución es no utilizar porcentajes si no sabe como controlarlos y limítese a usar pixeles y/o deje de usar posición absoluta.
Te pase lo que hice:
En la pagina index.php (Te copio solo la parte donde pegue el codigo)
</style>
</head>
<body>
<link rel="stylesheet" type="text/css"
media="screen and (max-device-width: 480px)"
href="shetland.css" />
<!--#include file="../includes/procs.php"-->
<table width="800" height="566" align="center" class="pagina">
<tr>
<td width="927" height="2">
<!-- <form id="form1" name="form1" method="post" action="">
</form> --> </td>
</tr>
<tr>
<td height="556" align="left" valign="top"><table width="825" height="536">
<tr>
<td width="221" height="530" align="left" valign="top">
<DIV id=categs>
<form action="" method="post" name="form3" class="aclaraciones" id="form3">
<label></label>
<div align="center"><span class="Estilo12">Categorias</span></div>
</form>
<p>
En shetland.css
/* CSS Document */
.figure {
float: left;
margin: 0 3.317535545023696682% 1.5em 0; /* 21px / 633px */
width: 31.121642969984202211%; /* 197px / 633px */
}
li#f-mycroft,
li#f-winter {
margin-right: 0;
}
@media screen and (max-width: 600px) {
.mast,
.intro,
.main,
.footer {
float: none;
width: auto;
}
}
@media screen and (max-width: 400px) {
.figure,
li#f-mycroft {
margin-right: 3.317535545023696682%; /* 21px / 633px */
width: 48.341232227488151658%; /* 306px / 633px */
}
li#f-watson,
li#f-moriarty {
margin-right: 0;
}
}
@media screen and (min-width: 1300px) {
.figure,
li#f-mycroft {
margin-right: 3.317535545023696682%; /* 21px / 633px */
width: 13.902053712480252764%; /* 88px / 633px */
}
}
Pero asi no funciona espero que me puedan ayudar mil gracias