CSS

30/06/2006 - 15:38 por Juosepe | Informe spam

Saludos,

Tengo una web site con varias <div>:
"barra izquierda" "contenido central" "barra derecha"
La barra derecha se mueve de arriba a bajo siguiendo el scroll barr, si
mueves
para abajo el div se mueve para abajo.

El problema es que el script requiere posicionamiento absoluto.
Y esto es un problema para hacer mi pagina compatible en diferentes
formatos de pantalla 800x600 o demás porque quiero que la div de
"Contenido central" quede centrada en cualquier resolución.

Como puedo hacer algo parecido, espero haberme explicado bien.

Gracias.

Siga el debate

1 respuesta

Tengo una respuesta

Preguntas similare

Mostrar todos los temas similares

Leer las respuestas

#1 Arturo Costa Delgado

03/07/2006 - 19:43 | Informe spam

Yo utilizo el siguiente código para asegurarme que el diseño que realizo (y
cualquier cosa en general), quede centrado en la pantalla del visitante no
importando la resolución que tenga su monitor


<script>
LeftPosition=(screen.width)?(screen.width-800)/2:100;
document.write("<div style='position:absolute; width:784px; z-index:1;
left: "+LeftPosition+"px; top: 0px;'>");
</script>

todos los layers que necesites con o sin posicionamiento absoluto.

</DIV>
Aquí estoy considerando como mínimo una resolución de 800 por 600. Por eso
la primera línea obtiene la resolución del ancho de pantalla del usuario
mediante sreen.width y, como dije, asumiendo una resolución mínima de 800 de
ancho, le resto esa cantidad y obtengo el valor de width que me permite
ubicar un layer GENERAL de un ancho de 784 píxeles. ¿Por que no un layer
general de 800 píxeles?. Simplemente porque hay que considerar el ancho de
la barra de scroll (en los casos aplicables) del browser en una resolución
de 800 x 600 que es aproximadamente de 12 píxeles y por ello le doy 16 (por
si las dudas). el resto es simple de entender. El layer general lo ubico a
LEFTPOSITION píxeles de la derecha de la pantalla y a 0 píxeles de top.
Obviamente si la resolución es 800x600 el LeftPosition será 0.

El </DIV> debe ir siempre al final. Si hablamos de tags esta sería la
distribución final

<html>
<head>
<title></title>
<head></head>
<body>

<script>
LeftPosition=(screen.width)?(screen.width-800)/2:100;
document.write("<div style='position:absolute; width:784px; z-index:1;
left: "+LeftPosition+"px; top: 0px;'>");
</script>

todos los layers que necesites con o sin posicionamiento absoluto.

</DIV>
</body>
</html>

Espero que mi respuesta te de alguna luz en tu pregunta

ACD

Siga el debate Respuesta

Responder a este mensaje

Ads by Google

Hacer una pregunta

Tengo una respuesta

Busqueda sugerida