Сделать фиксированный заголовок прокрутки по горизонтали
ребята, если вы тестируете приведенный ниже код, вы можете видеть, что все в порядке, за исключением случаев, когда вы уменьшаете размер окна, поэтому меню флэш-памяти (красный div) выходит за пределы страницы справа. хорошо, если окно меньше 900px, есть горизонтальная полоса прокрутки, пока все хорошо, но она просто прокручивает содержимое страницы! Я хочу, чтобы верхняя часть также прокручивалась, но только по горизонтали, потому что я хочу, чтобы они были зафиксированы (всегда оставайтесь на вершине сайта) ...
какие-либо предложения? Я пробовал так много вещей из Google, но никто из них не был правильным 4 меня ...
thx & g.r. туз
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;
}