بچه ها با کمک این لینک اونجا که نوشته
With Fluid Width
http://designshack.net/articles/css/...hing-with-css/
این کدها رو نوشتم
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#test
{
width:100%;
position:relative;
height:300px;
background:blue;
}
#f
{
width:2000px;
position:absolute;
margin: 0px 0 0 -1000px;
left: 50%;
background:#eee;
background-repeat:no-repeat;
height:300px;
}
#headerleft
{
width:500px;
float:left;
height:300px;
background-image:url("Images/Back-Holding_02.png");
background-repeat:no-repeat;
}
#headercenter
{
width:1000px;
float:left;
height:300px;
background-image:url("Images/Back-Holding_03.png");
background-repeat:no-repeat;
}
#headerright
{
width:500px;
float:left;
height:300px;
background-image:url("Images/Back-Holding_04.png");
background-repeat:no-repeat;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="test"><div id="f">
<div id="headerleft"></div>
<div id="headercenter"></div>
<div id="headerright"></div>
</div></div>
</form>
</body>
</html>
هدر وسط قرار می گیره البته یه کم از عکس سمت راستی و چپی دیده نمی شه که اون اشکالی نداره، ولی اسکرول افقی وجود داره هنوز.
پاسخ با نقل قول
