Fijar texto con CSS

[hackjose]

Hola que tal miren tengo el siguiente codigo

Pagina HTML

Código HTML:

<link href="style.css" rel="stylesheet" />
<div id="cabeza">
    <h1 class="clase_fuente">Programacion Geek</h1>
    <div id="botonera">
        <div id="boton1" class="clase_fuente">Inicio</div>
        <div id="boton2" class="clase_fuente">Programacion Web</div>
        <div id="boton3" class="clase_fuente">Programacion Movil</div>
        <div id="boton4" class="clase_fuente">Programacion Desktop</div>
        <div id="boton5" class="clase_fuente">Contacto</div>
    </div>
</div>
 

este es el codigo CSS

Código CSS:

body
{
margin:0px;
background:#000000; 
}
 
.clase_fuente
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:900;
}
 
#cabeza
{
color:#FFFFFF;
width:100%;
height:100px;
}
 
h1
{
position:absolute;
left:10px;
font-size:40px;
font-weight:900;
margin:0px;
top:10px;
}
 
#botonera
{
position:absolute;
top:70px;
left:5%;
width:90%;
height:30px;
font-size:18px;
}
 
#boton1
{
float:left;
width:10%;
}
#boton2
{
float:left;
width:25%;
}
#boton3
{
float:left;
width:26%;
}
#boton4
{
float:left;
width:29%;
}
#boton5
{
float:left;
width:10%;
}
 

Sucede esto->

Cuando cambio la resolucion de la ventana y para ser mas especifico cuando la hago chiquita el texto se mueve me gustaria que el texto quedara fijo y que cuando isiera la ventana chica apareciera la barra de dezplazamiento pero no que el texto se encime.
Me dirian como?¿

[C2am]

Eso pasa porque le estas asignando un valor relativo al tamaño de la pantalla, es decir le estas pidiendo que el ancho sea del 100% de la pantalla.
Para evitar eso deberías fijar el ancho, por ejemplo: width: 500px; por decir algo.
Saludos

[hackjose]

Genial amigo era algo muy simple jeje