Contenido web y ventanas navegadores

[Sanbasil]

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%;
}

[kseso?]

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.

#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

[Sanbasil]

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.