افتادن Divها بر روی هم

[sarah1361]

سلام دوستان من دو تا دیو دارم زیر هم قرار دادم هر کدوم هم دو تا دیو رو شامل میشن
در محیط طراحی خوبن اما در محیط طراحی می افتن رو هم


این کد Html


<div class="titleMenu">
</div>
<div class="menu">
<div class="DivMenu1">
<div class="img1">
</div>
<div class="linkabout">
<a href="../SharingPages/ArchiveNews.aspx"><span>آرشیو اخبار سایت</span></a>
</div>
</div>
<div class="DivMenu2">
<div class="img2">
</div>
<div class="linkchart">
<a href="../SharingPages/OrgChart.aspx"><span>جارت سازمانی</span></a>
</div>
</div>
<div class="DivMenu3">
<div class="img3">
</div>
<div class="linkCalc">
<a href="../SharingPages/CalcPage.aspx">تقویم آموزشی مرکز</a>
</div>
</div>
</div>
</div></center>
</div
>



کد CSS


.menu
{
width:219px;
height:165px;
margin: 0px 0px 0px 0px;
}
.img1
{
width:26px;
height:26px;
float:right;
background-image:url('../images/Arrow_Left_1.png');
position:relative;

}
.img2
{
width:26px;
height:26px;
float:right;
background-image:url('../images/Arrow_Left_2.png');background-repeat:no-repeat;
position:relative;

}
.img3
{
width:26px;
height:26px;
float:right;
background-image:url('../images/Arrow_Left_1.png');

}

.DivMenu1
{
height:26px;
width:220px;
position:relative;
top: 0px;
left: 0px;
right:0px;
}
.linkchart
{
width:194px;
height:26px;
position:relative;

background-image:url('../images/MeenuBack.png');
background-repeat:repeat-x;
}
.DivMenu2
{
height:26px;
width:220px;
position:relative;
top: 26px;
left: 0px;
right:0px;
}
.DivMenu3
{
height:26px;
width:220px;
position:relative;
top:52px;
left:0px;
right:0px;

}
.LinkCalc
{
width:194px;
height:26px;
position:relative;
}
.linkabout
{
width:194px;
height:26px;
position:relative;

}
.ContentMenu
{
width:220px;
height:100px;
margin:0px 20px 0px 20px;
border-style:solid;

border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-color:Gray;
padding-top:0px;

}
.ContainerMenu
{
width:220px;
height:195px;
margin:0px 20px 0px 20px;
}
.titleMenu
{
float:right;
width:220px;
height:30px;
margin: 0px 20px 0px 0px;
background-image:url('../Images/Ttil.png');
font-family:Tahoma| Times New Roman;
font-style:oblique;
color:Gray;
font-size:medium;
padding-top:0px;

}

[raravaice]

این کد مشکلی نداره، صفحه + تصاویر را به صورت zip شده ضمیمه کنید.

موفق باشید

[sarah1361]

من کدم رو عوض کردم و لی این بار مشکلم با اینه که روی هم افتادگی در ffرخ می ده اما در IE مشکلی
نداره
من نتونستم فایل رو اضافه کنم
شما هیچ حدسی نمی زنید؟

[mohsen_Iran]

سلام
من فکر میکنم به خاطر اینکه شما div هاتون به صورت relative مقدار دهی کردید اگر مقدار اونا ثابت است از static استفاده کنید یعنی حالت معمولی نیازی نیست relative کنیدشون!