دو div ناسازگار- نجاتم دهید

sadraman

Active Member
div اولی: به حالت absolute و دارای margin راست و چپ به مقدار auto می باشد.
div دومی: به حالت absolute و دارای margin چپ به مقدار 0 می باشد.

پس از ایجاد div دومی با margin چپ به مقدار 0 , دمی هم به سمت چپ مرورگر می چسبد.
البته این مسئله مربوط به مرورگرIE میشود.
:mad:به به!
 

sadraman

Active Member
با عرض پوزش تصحیح می کنم که اولی relative و دومیabsoluteاست. و این هم سورس:
body {
background-image: url(img/bg4.png);
padding-bottom: 2em;
font-family: terafik, b traffic, tahoma;
}
#badan {
width: 874px;
position: relative;
margin-top: 7px;
margin-bottom: 7px;
height: auto;
margin-left: auto;
margin-right: auto;
}
#footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2em;
background-color: #2A4F6F;
color: #FFFFFF;
border-top: #778899;
text-align: right;
}
 

sadraman

Active Member
here you are:




<!--force IE into Quirks Mode-->
<!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>
<title>(MLB)شرکت مشهد لودر بهنام</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="../img/beko.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="../img/beko.ico" type="image/vnd.microsoft.icon">

<link href="new.css" rel="stylesheet" type="text/css" />


<!--[if IE]>
<style type="text/css">
body
{
overflow-y: hidden;
}
div#wrapper
{
height: 100%;
overflow: auto;
}
</style>
<![endif]-->


<body >

<div id="badan">
...
</div>

<div id="footer">
<a href="#">Contact us</a> | <a href="#">Other product</a>
</div>

</body>
</html>







thanks a lot:)
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
در کدوم نسخه ار IE ؟
شما div#wrapper رو تعریف کردید برای IE ، اما در سورس HTML چرا قرار ندادید؟
 

sadraman

Active Member
دوست عزیز لطفا با مرورگر آی ای سری به این لینک بزنید تا کاملا مطلع شوید.
با تشکر از جوابهای قبلی
WWW.mlbco.ir
 

جدیدترین ارسال ها

بالا