开发者

solution for all resolutions

开发者 https://www.devze.com 2023-01-22 00:43 出处:网络
my css is @charset \"utf-8\"; * { margin: 0; padding: 0; } body { background-color: #FFFFFF; } div#header { background-color: #969696;

my css is

@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #FFFFFF;
}
div#header {
    background-color: #969696;
    height: 80px;
}
div#mid-bar {
    background: url(images/home.jpg) left no-repeat #6f6565;
    height: 200px;
    padding: 10px 0 10px 0;
}

#searchbox {
    float: left;
    background-color: #c1c1c1;
    height: 200px;
    width: 400px;
    margin-left: 300px;
}

#multi-ads {
    float: left;
    background-color: #c1c1c1;
    height: 200px;
    width: 450px;
    margin-left: 10px;
}

my html is

<body>
    <div id="header">

    </div>
    <div id="mid-bar">
        <div id="searchbox">

        </div>
        <div id="multi-ads">

        </div>
    </div>
</body>

I am cur开发者_StackOverflow社区rently working on 1280 x 800 resolution. When i change degrade resolution, scrollbars activate. I want that my page automatically fits in the resolution of the clients. What should i do?


  • use %'s and/or em's for dimensions
  • look into elastic / fluid layout techniques


Less Framework 2: http://lessframework.com/

0

精彩评论

暂无评论...
验证码 换一张
取 消