Foros del Web » Creando para Internet » CSS »

Contenido web y ventanas navegadores

Estas en el tema de Contenido web y ventanas navegadores en el foro de CSS en Foros del Web. Hola, el nombre del post quizás no refleje bien mi duda pero es que no sabía cómo ponerlo. Mi problema es el siguiente, a ver ...
  #1 (permalink)  
Antiguo 04/10/2008, 07:14
 
Fecha de Ingreso: septiembre-2004
Ubicación: Gran Canaria
Mensajes: 89
Antigüedad: 13 años, 3 meses
Puntos: 0
Pregunta Contenido web y ventanas navegadores

Hola, el nombre del post quizás no refleje bien mi duda pero es que no sabía cómo ponerlo.

Mi problema es el siguiente, a ver si alguien me lo explica. El caso es que cuando la ventana del navegador (el que sea), no está maximizada, es decir, le doy el tamaño que quiera, en vez de aparecer las barras de desplazamiento del navegador, lo que hace es reajustarme toda la web de manera que todo siempre sea visible y claro cuando hago la ventana muy pequeña la web se convierte en un galimatías.

Lo que quiero es que cuendo la ventana del navegador no esté maximizada, la web se mantenga igual (no se vaya redimensionando) y que aparezcan las barras de desplazamiento.

No se si me he explicado. Dejo el css aquí para ver si porfavor detectáis errores. Muchas Gracias.

Código:
html,body {
	font-family: Times New Roman, Times, serif;	
	color:#333333;
	font-weight:bold;
	font-size:0.9em;
	margin-left:10%;
	margin-right:10%;
	margin-top:0;
	background-color:#E2E2E2;
	padding:0;
	height:100%;
}

a:link {
	color:#FF9900;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color: #FF0000;
}
a:hover {
	color:#666666;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}
#contenedor{	
	width:100%;
	height:100%;
	background-color: #ffffff; /*color de fondo del contenido*/
	border-right: 1px solid #999999; /*color del borde*/
	border-left: 1px solid #999999;
	padding:1%;
}

#logo{
	padding: 1% 0 1% 0;
	width:100%;
}


#Menuizq {
	float:left;
	width: 19%;
	border: 1px solid #FF9900;
	margin-right:1%;
}

#main{
	float:left;
	width:59.5%;


}
#busqueda {
	border: 1px solid #FF9900;
	background-color:#EEEEEE;		
}
#busqueda form {
	margin: 0;
 	padding-left: 20%;
}

#menudcha{
	float:right;
	width: 19%;
	border: 1px solid #FF9900;

}
.letramenu1{
	background-color:#FF9900;
	color:#FFFFFF;
	text-align:center;
}
.letramenu2{
	color:#666666;
	padding-left:4%;
	font-size:1em;
	padding-bottom:1%;
	padding-top:1%;
}
  #2 (permalink)  
Antiguo 04/10/2008, 08:08
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Contenido web y ventanas navegadores

Hola Sanbasil
Estás usando un diseño 'líquido', esto es, tienes definida la anchura en porcentajes, que se aplican en función del tamaño de la ventana.
Cita:
#contenedor{
width:100%;
height:100%;
...
}
#Menuizq {
float:left;
width: 19%;
...
}

#main{
float:left;
width:59.5%;
}
#menudcha{
float:right;
width: 19%;
}
Si no quieres que colapse, se me ocurren 2 soluciones:
1º) defines la anchura en px
2º) das un min-width para que a partir de un nº mínimo de px de anchura no siga minimizando y aparezcan las barras de desplazamiento.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 04/10/2008 a las 08:16
  #3 (permalink)  
Antiguo 04/10/2008, 10:14
 
Fecha de Ingreso: septiembre-2004
Ubicación: Gran Canaria
Mensajes: 89
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: Contenido web y ventanas navegadores

Hola kseso,

lo de los porcentajes lo puse para controlar los distintos tipos de resolución que tiene la gente. Si lo pongo en px ya no controlaría eso asi que intentaré aplicar la segunda solución a ver que tal...

Muchas Gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:48.