Вопросы Теги

Сделать прокрутку фиксированного заголовка горизонтальной

Итак, ребята, если вы протестируете приведенный ниже код, вы увидите, что все в порядке, за исключением того, что если вы уменьшите размер окна, поэтому флэш-меню (красный div) выходит из страницу вправо. хорошо, если окно меньше 900 пикселей, есть ГОРИЗОНТАЛЬНАЯ панель прокрутки, пока все хорошо, но она просто прокручивает содержимое страницы! Я хочу, чтобы верхняя часть тоже прокручивалась, но только по горизонтали, потому что я хочу, чтобы они были фиксированными (всегда оставаться наверху сайта)...

есть предложения? Я пробовал так много вещей из Google, но ни один из них не был правильным для меня...

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;
}
14
задан Ab Majeed 6 December 2018 в 10:53
поделиться