moferferi
پنج شنبه 16 شهریور 1391, 11:49 صبح
با سلام.
من 5 تا دیو دارم که میخوام عرض اونها 100 درصد باشه.
و در دو تا از دیو ها(dvslid و dvwarp) یک دیو دارم که عرض اون باید 900 پیکسل باشه.و اگر عرض مرورگر از 900 پیکسل کمتر شد صفحه اسکرول بخوره.
حالا مشکلم اینه که وقتی مرورگر عرضش از 900 پیکسل کمتر بشه دیو هایی که عرضشون 100 درصده و باید تمام عرض صفحه را همپوشی کنه کنارش سفید میشه و عرضش کم میشه و رنگ body را نشون میده.
لطفا خودتون کد را امتحان کنید و بگین مشکلم کجاست
کد html
<body>
<form id="form1" runat="server">
<div id="dvhead"></div>
<div id="dvmenu"></div>
<div id="dvslid">
<div class="slider-content"></div>
</div>
<div id="dvwarp">
<div class="warp-content"></div>
</div>
<div id="dvfooter"></div>
</body>کد css
body {margin:0px;padding:0px
}
#dvhead{width:100%;height:150px;background:red;}
#dvmenu{width:100%;height:150px;background:green;}
#dvslid{width:100%;height:150px;background:blue;}
#dvwarp{width:100%;height:150px;background:black;}
#dvfooter{width:100%;height:150px;background:gray; }
.slider-content,.warp-content{border:2px solid white;width:900px;height:70px;position:relative;ma rgin-left:auto;margin-right:auto;top:2px;}
من 5 تا دیو دارم که میخوام عرض اونها 100 درصد باشه.
و در دو تا از دیو ها(dvslid و dvwarp) یک دیو دارم که عرض اون باید 900 پیکسل باشه.و اگر عرض مرورگر از 900 پیکسل کمتر شد صفحه اسکرول بخوره.
حالا مشکلم اینه که وقتی مرورگر عرضش از 900 پیکسل کمتر بشه دیو هایی که عرضشون 100 درصده و باید تمام عرض صفحه را همپوشی کنه کنارش سفید میشه و عرضش کم میشه و رنگ body را نشون میده.
لطفا خودتون کد را امتحان کنید و بگین مشکلم کجاست
کد html
<body>
<form id="form1" runat="server">
<div id="dvhead"></div>
<div id="dvmenu"></div>
<div id="dvslid">
<div class="slider-content"></div>
</div>
<div id="dvwarp">
<div class="warp-content"></div>
</div>
<div id="dvfooter"></div>
</body>کد css
body {margin:0px;padding:0px
}
#dvhead{width:100%;height:150px;background:red;}
#dvmenu{width:100%;height:150px;background:green;}
#dvslid{width:100%;height:150px;background:blue;}
#dvwarp{width:100%;height:150px;background:black;}
#dvfooter{width:100%;height:150px;background:gray; }
.slider-content,.warp-content{border:2px solid white;width:900px;height:70px;position:relative;ma rgin-left:auto;margin-right:auto;top:2px;}