كود:
body
{
background-color:#E3E3E1;
text-align:center;
padding:0;
}
#master
{
width:80%;
border:medium double 1px #AA2830;
padding:0;
overflow:hidden;
}
#header
{
background-color:White;
display:inline-block;
}
#header .left
{
float:left;
}
#header .right
{
float:right;
}
#panel
{
background-color:#2F2F2F;
display:inline-block;
text-align:center;
}
#panel .right
{
width:30%;
float:right;
}
#panel .left
{
width:70%;
float:left;
padding:0;
}
#footer
{
background-color:#2F2F2F;
text-align:left;
padding:2pt 2pt 0 2pt;
}
كود:
<body runat="server">
<div id="master">
<div id="header">
<div class="left"><img id="Img1" src="images\logo.jpg" alt="" runat="server" /></div>
<div class="right"><img id="Img2" src="images\taqline.jpg" alt="" runat="server" /></div>
</div>
<div id="panel">
<div class="right">
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
<div class="left">
<img id="Img1" alt="" src="images\banar\show.jpg" runat="server" />
</div>
</div>
<div id="footer">
<img id="Img3" alt="" src="images\powered-by.jpg" runat="server" />
</div>
</div>
</body>
أخواني اتمنى منكم تشييك بسيط على الكود عند تشغيله على غير ie للايظهر بصورة سليمه
الشيء الآخر كيف اتخلص من المسافى في اعلى الصفحه
الطلب الثالث بين الـ div و الـ div يوجد مسافه لماذا
عندما وضعت في الـ div الاول صوره
الdiv فووتر يوجد فرق بينه وبين اللذي قبله بمسافه معينه