Buenas noches, estoy probando un poco de HTML y CSS, pero al minimizar la pantalla del navegador, mi <div> central de achica o cambia de tamaño. Ya traté con fixed. Esta es la página: prueba2000.260mb.net. Agredecería mucho la ayuda.
Respuestas
Lo que te pasa es completamente normal, ya que ese es el comportamiento por defecto de las página HTML. Entiendo tus dudas, ya que son comunes también para la gente que viene de otros ámbitos del diseño donde las cosas no cambian solas (por ejmplo el diseño impreso).
Para solucionarlo lo único que tienes que hacer es establecer a mano la anchura del <div> usando una unidad de medida absoluta. Suponiendo que tu <div> tenga un atributo id de esta manera:
<div id="principal"> ... contenidos ... </div>
En el CSS deberías añadir lo siguiente:
#principal { width: 800px; }
Ahora el <div> ocupará siempre 800 píxeles de ancho y nunca variará su anchura. Lo malo es que si haces muy pequeña la ventana del navegador, el <div> no cabrá y verás que salen barras de scroll para acceder a los contenidos ocultos.
Por si lo necesitas, aquí tienes un artículo que explica todas las unidades de medida definidas en CSS.
@javiereguiluz