سوال: ارتفاع div [بایگانی]

eliTive

سه شنبه 30 شهریور 1389, 23:36 عصر

سلام دوستان کد زیر رو نگاه کنید

<html>
<body>
<div id="header"></div>
<div id="center">
<div id="left"></div>
<div id="right"></div>
</div>
<div id="footer"></div>
</body>
</html>

خوب حالا مشکل اینجاست div بکگراند که اسمش center هست و بکگراند هست داخل firefox مشکل داره یعنی height رو 0 می کنه یعنی موقع نمایش متوجه می شه خود آدم چون وقتی دستی بهش با پیکسل اندازه می دی درست می شه ولی من می خوام center هم ارتفاع left و right بشه یا در واقع یکیشون دیگه هر کدوم که بیشتر هست. لطفا راهنمایی کنید ممنون می شم و خواهشا قبل از راهنمایی امتحان کنید خودتون چون خیلی روش ها رو امتحان کردم و جواب نداده ممنون :قلب:

hamiii

چهارشنبه 31 شهریور 1389, 11:28 صبح

سلام دوست عزیز
مثال زیر رو ببین؛ احتمالاً اون چیزی باشه که میخوای. div center با ارتفاع متغیره و نمایشش تو همه ی مرورگرها یکسانه.

<html>
<head>
<style>
#header{
width:700px;
height:100px;
border:1px solid #ccc;
}
#center{
width:700px;
height:auto;
overflow:hidden;
border:1px solid #ccc;
margin:10px 0;
padding:10px;
}
#left{
width:300px;
float:left;
height:200px;
border:1px solid #ccc;
}
#right{
width:300px;
float:right;
height:350px;
border:1px solid #ccc;
}
#footer{
width:700px;
height:20px;
border:1px solid #ccc;
}

</style>
</head>
<body>
<center>
<div id="header"></div>
<div id="center">
<div id="left"></div>
<div id="right"></div>
</div>
<div id="footer"></div>
</center>
</body>
</html>

http://barnamenevis.org/forum/attachment.php?attachmentid=56883&stc=1&d=1285144039