Click here to Skip to main content
15,880,543 members
Please Sign up or sign in to vote.
3.40/5 (2 votes)
See more:
i had one master page which contain accordion menu on left side and the related pages display on right side.

when page maximize it show like in maximize view
and when browser re-size it sho like after re-size browser page vertical scroll.

i want to when browser re-size it should be horizontal scroll.
how i can do this???

Thanks.
Posted

1 solution

XML
<head runat="server">
    <title></title>
    <style>
        .container {           
            overflow-x: visible;
        }

        .menu {
            float: left;
            display: block;
            width: 200px;
            height: 800px;
        }

        .content {
            display: block;
            width: 200px;
            height: 800px;
        }

        .scrollingbody {
            overflow-x: scroll;
        }
    </style>
</head>
<body class="scrollingbody">
    <form id="form1" runat="server">
        <div class="container">
            <div id="d1" class="menu">
                option1
                option2
                option3
            </div>
            <div id="d2" class="content">
                Stuff
                stuff
                stuff
            </div>
        </div>

    </form>
</body>
 
Share this answer
 
v3

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900