开发者

creating fixed width with 960?

开发者 https://www.devze.com 2022-12-17 22:23 出处：网络

i use 24 columns fluid version of 960. the html looks like this: <body> <div class=\"container_24\">

相关专题：960.gs css

i use 24 columns fluid version of 960. the html looks like this:

<body>
    <div class="container_24">
        <div id="header" class="grid_24">
            Welcome to my page
        </div>

        <div id="leftbar" class="grid_4">
            leftbar
        </div>
        <div id="content" class="grid_12">
            content
        </div>
        <div id="rightbar" class="grid_4">
            rightbar
        </div开发者_如何学Python>
        <div id="ads" class="grid_4">
            ads
        </div>

        <div id="footer" class="grid_24">
            Footer
        </div>        
    </div>
</body>

i wonder how i can make the leftbar, rightbar and ads divs fixed width so that they dont get thinner when i resize the webbrowser to a smaller size. i want just the header, content and footer div to be fluid.

is this possible?

This is quite easy to fix, add a min-width:whateverpx (for example: min-width:300px;) rule to each column and specify the minimum width you're willing to 'tolerate' so as to avoid thinning down.

If you could post a live sample of your code, it would help greatly