Que la página no se adecue al cambiar tamaño ventana

satur86 · #1 (**permalink**) 30/01/2008, 07:35

Hola a todos !

Tengo un "problemilla" con mi página. El asunto es que los elementos de la página se adecuan al tamaño de la ventana. Tengo un elemento central, y por ejemplo cuando hago la ventana más estrecha, se centra en el tamaño de la nueva ventana. Yo no quiero que haga eso. Quiero que al por ejemplo hacer la ventana más estrecha, vea solo la parte izquierda (o derecha) del elemento central.

Espero que se me haya entendido, jeje.

Un saludo y gracias de antemano !

Raulmmmm · #2 (**permalink**) 30/01/2008, 07:44

Pon algo de código. Seguramente, si usas CSS, tendrás las medidas en porcentajes, y las tienes que pasar a píxeles.

satur86 · #3 (**permalink**) 30/01/2008, 07:55

Aquí os pongo parte del código:

<html>
<head>
<style type="text/css" media="all">
td {
border:hidden;
}
tr {
border:hidden;
}
</style>
<title>GFBC</title>
</head>

<style type="text/css">
BODY { background: white url(background.jpg);
background-attachment: fixed }
</style>

.......

<table align="center" border="0" width="750px"
bg-color="transparent" cellspacing=0>
<tr>
<td width="750px" colspan=2>
....

La verdad que tengo todos los tamaños en pixels y no en porcentajes....pero no se porque me pasa esto...La tabla central son 750 pixels, y ésta no se reduce de tamaño, solo que se alinea autómaticamente al centro de la ventana, inclusive cuando la hago más estrecha, esto es lo que quiero evitar...

Mosiah · #4 (**permalink**) 30/01/2008, 08:03

Hola.

Prueba con esto:

Código:

<style type="text/css">     
	.width {
		min-width:750px;
	}
	.content {
		border:0px solid #c00;
		padding:0px;
	}      
	* html .minwidth {
		overflow:hidden;
		border-left:0px solid #750;
	}      
</style>
...
<div class="width">
<div class="minwidth">
<div class="content">
<table ...>
...
</div></div></div>

Esto te debería mantener la anchura en 750, sea cual sea el tamaña de la ventana.

Salu2

satur86 · #5 (**permalink**) 30/01/2008, 08:22

Gracias Mosiah ! Pero la verdad que el problema no es que la tabla se me haga más pequeña. La cosa es que la tabla está alineada en el centro (align="center"). Hasta ahí todo bien, es lo que yo quiero. Pero yo quiero que esté alineada en el centro solo cuando la ventana está maximizada. Por poner un ejemplo:

La tabla está centralizada. Cuando yo reduzco la ventana a la mitad izquierda, quiero ver la mitad izquierda de la tabla, no quiero ver la tabla entera otra vez. No es problema de tamaño sino de alineamiento...

Gracias!

Mosiah · #6 (**permalink**) 30/01/2008, 08:39

Ahhh, ok.

Entonces, en el style del width tendrías que añadir:

Código:

        position: absolute;
	top:10px;
	left:10px;

bueno, yo he puesto 10 px por poner algo, pero si lo quieres centrar en el monitor, tendrías que jugar con la resolución del monitor y la posición de la ventana para así poder poner el top y left necesarios, y hacer estos calculos en el "onResize" del body para que al mover la ventana la tabla siga centrada con respecto al monitor.

Salu2

satur86 · #7 (**permalink**) 30/01/2008, 10:14

Muchas gracias !!

Eso era justo lo que necesitaba :)

Un saludo !!