Hacer desplazamiento de encabezado fijo horizontal

Question

Mar 20, 2012, 12:08 PM

Hacer desplazamiento de encabezado fijo horizontal

so muchachos, si prueban el código a continuación, pueden ver que todo está bien, excepto si reducen el tamaño de la ventana, por lo que el menú flash (div rojo) sale de la página a la derecha. bueno, si la ventana es más pequeña que 900 px, hay un panel de desplazamiento HORIZONTAL, hasta ahora muy bueno, ¡pero solo desplaza el contenido de la página! Quiero que la parte superior también se desplace, pero solo horizontal, porque quiero que se arreglen (permanezca siempre en la parte superior del sitio) ...

¿alguna sugerencia? He intentado tantas cosas de google, pero ninguno de ellos era el correcto 4 yo ...

thx & g.r. a

html:

<!DOCTYPE>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Titel</title>
    <link href="main.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="div_page" align="center">
        // page content goes here
    </div>
    <div id="div_menu">
        <img src="img/logo.png" alt="<Logo>" style="position:absolute; top:0px; left:20px; width:225px; height:150px;">
        <div id="div_flash"></div>
    </div>
</body>


</html>

css:

@charset "utf-8";

body {
    padding:0px;
    margin:0px;
}

#div_menu {
    position:fixed;
    top:0px; right:0px; left:0px;
    width:100%; height:40px;
    min-width:800px;
    overflow:visible;
    background-image:url(img/menu.png);
    background-position:top left;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:100% 40px;
    background-color:#333;
}

#div_flash {
    position:absolute;
    top:0px; left:250px;
    width:500px; height:150px;
    background-color:#F00;  
}

#div_page {
    position:absolute;
    top:40px; right:0px;left:0px;
    min-width:800px; min-height:500px;
}