Ver Mensaje Individual
  #24 (permalink)  
Antiguo 18/05/2009, 14:23
AlbertoGarcia
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 15 años
Puntos: 19
Respuesta: problemas con el centrado y las distintas resoluciones

A ver, creo que este hilo se está yendo de madre. Si usas valores absolutos para el tamaño del contenedor se supone que eres consciente de que si alguien usa una resolución menor que ese tamaño se va a perder parte del contenido de tu página, este punto creo que ya está claro. Te aconsejo que uses valores relativos (%). Por otra parte si además pretendes usar una misma hoja de estilos que valga para todos los navegadores y además para dispositivos móviles lo vas a tener muuuy complicado, por no decir imposible.

A veces hay que ser más realistas en cuanto a las posibilidades de poder llevar a cabo una idea por muy fatástica que nos parezca en un principio.

Yo cuando tengo que centrar un contenido centro sólo verticalmente y horizontalmente maqueto a 1024x768 y el que tenga 800x600 que use scroll. De todos modos hay una forma que probé una vez y me funcionó y es algo como esto:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="generator"
        content="HTML Tidy, see www.w3.org" />
        <meta http-equiv="Content-type"
        content="text/html; charset=utf-8" />

        <title>Test contenido centrado X/Y con porcentajes</title>
<style type="text/css" media="screen">
    
    <!-- #contenedor {
        position: absolute;
        width: 90%;
        height: 80%;
        left: 50%;
        margin-left: -45%;
        height: 80%;
        margin-top: 5%;
        background-color: #000;
        color: #fff;
    }
    -->
    
</style>
    </head>

    <body>
        <div id="contenedor">
            <p>Contenido</p>
        </div>
    </body>
</html>
Esperoro que te sirva, Salud! ;)