Centrado de la Web

[groovelex]

Hola,

Tengo una página con frames y no consigo centrarla para resoluciones superiores a 1024, a ver si alguien me puede dar alguna idea porque he probado mil cosas y con ninguna lo consigo.

El problema es que con resoluciones superiores a 1024 el contenido del la pagina Web aparece muy pegado a la izquierda quedando mucho espacio libre a la derecha.

Lo que quiero conseguir es que con resoluciones superiores a 1024 aumente los márgenes por ambos lados y la Web quede centrada.

Lo último que estaba intentando es utilizar un div contenedor sobre todos los frames pero no debe ser muy correcto por que no funciona…..

<style type="text/css">
div#contenedor{ position:absolute; top:10%; bottom:10%; left:20%; right:20%; }
</style>

<div id="contenedor">
<frameset cols="11%,*" border="0" noresize >
<frame src="uno.html" name="repro" scrolling="no" noresize>
<frameset rows="35%,*" border="0" scrolling="no" noresize>
<frame src="dos.html" scrolling="no" noresize>
<frame src="tres.html" name="principal" scrolling="yes" noresize>
</frame>
</frame>
</div>

A ver si alguien me puede orientar, gracias de antemano. Saludos.

[dario-g]

Puedes comenzar probando

Código PHP:

  <style type="text/css">
div#contenedor{ position:relative; margin: 0 auto; width:790px; }
</style> 
   

Aqui la clave es que definas un tamaño, con width.tambien puedes probar con javascript, que detecte la resolucion
Como sugerencia adicional, si puedes usa mas unidades relativas, sobre todo a textos e intenta no utilizar frames,

[groovelex]

Hola Dario, he probado tu código pero los resultados no son los deseados ya que no centra el contenido de la web.Gracias de todas maneras y seguiré tus consejos.

Me pregunto si se pueden maquetar los frames tal y como lo intento hacer porque parece que las instrucciones no hacen efecto.

<style type="text/css">
div#contenedor{ position:relative; margin: 0 auto; width:790px; }
</style>

<div id="contenedor">
<frameset cols="11%,*" border="0" noresize >
<frame src="uno.html" name="repro" scrolling="no" noresize>
<frameset rows="35%,*" border="0" scrolling="no" noresize>
<frame src="dos.html" scrolling="no" noresize>
<frame src="tres.html" name="principal" scrolling="yes" noresize>
</frame>
</frame>
</div>

Me puede decir alguien si este planteamiento es correcto o si debería poner las etiquetas de centrado en cada contenido de los frames y no en los propios frames??

Gracias!