باز هم مشکل در ارتفاع 100 درصدی div

[amir_kashan20]

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

تب من یه css داره
اینه:

body    {direction:rtl;font:normal 11px tahoma;color:#555;}

/* Tabs */
.clear{    clear: both;height:auto;visibility: hidden;display: block;}
#containertab{}

#containertab ul.menu li{    float:right;margin-left: 3px;}
#containertab ul.menu li{    display: block;    padding: 5px 10px 5px 10px;    background: #efefef;margin-bottom: 0px;border: 1px solid #d0ccc9;border-top-right-radius:5px;border-top-left-radius:5px;border-width: 1px 1px 1px 1px;    position: relative;    color: #898989;    cursor: pointer;}
#containertab ul.menu li.active{    background: #fff;top: 3px;border-bottom: 0px;    color: #5f95ef;}
.content{ background: #efefef;background: #fff;border-top: 2px solid #7dcf3f;


border-bottom: 1px solid #d0ccc9;
border-left: 2px solid #7dcf3f;
border-right: 1px solid #d0ccc9;
border-top-left-radius:10px;
border-top-right-radius:0px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
text-align: right;
font-size: 11px;}

خوب این از css

حالا توی صفحه ام این کد تب هستش

            <div id="containertab">
                <ul class="menu">
                    <li class="active"  id="tab01">تب 1</li>
                    <li class=""         id="tab02">تب 2</li>
                </ul><span class="clear"></span>


<div style="display: block; width: 735px; height:auto;" class="content tab01">
..
..
..
</div>
<div style="display: block; width: 735px; height:auto;" class="content tab02">
..
..
..
</div>

تب دوم رو بیخیال اما تب اول
وقتی اجرا میکنم ویژوال استدیو رو اگه با اکسپلورر باشم مشکلی نداره
چون دیو تب بردر داره هیچ مشکلی نیست
اما وقتی با فایر فاکس میام
تب ها کار میکنه مشکلی نیست
اما کل دیو که از توی css میخونه ارتفاعش صفره
مطالب داخل دیو رو نشون میده اما در اصل دیوی که مطالب داخلشه ارتفاعش صفره
چیکار کنم که خیلی فوریههههههههههههههههههههههههههههههههههههههه

 

[amir_kashan20]

فکر کنم firefox این رو height:auto; نمیشناسه مگه میشه آخه؟؟؟
پس مشکل از توی css هستش

 

[amir_kashan20]

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

 

[amir_kashan20]

سلام فکر کنم خودم فهمیدم

<div style="clear:both;">
            </div>

اینو باید با آخرین خط اضافه می کردم
اما نمیدونم این یعنی چه کسی میدونه؟

 

[vahidmahdiun90]

سلام دوست عزیز من هم به همچین مشکلی برخوردم میشه بگی دقیقا باید چه کار کنم تا درست شه ؟
لطف کن کد من رو یه نگاه بنداز

#main
{
top:75px;
left:17%;
right:17%;
width:66%;
height:auto;
border:thin;
border-color:#dddddd;
border-left-style:double;
border-right-style:double;
background-color:#ffffff;
border-top-left-radius:1em;
border-top-right-radius:1em;
position:absolute;


}


#post
{

top:25px;
left:2%;
width:70%;
height:auto;
background-color:#dedede;
position:absolute;

}

<div id="main" >

<div id="post">
sadasdsad
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>



</div>



</div>

میخوام که وقتی که ارتفاع div post تغییر کرد ارتفاع div main هم تغییر کنه


با تشکر

 

[amir_kashan20]

<div style="clear:both;">
</div>

توی آخرین دیوت این دیو رو اضافه کن

 

[echessdesign]

درود بر شما
پیش از زذن تایپیک، سوال خود را در انجمن جستجو فرمایید
این سوال 5سال پیش مطرح و مفصلا به آن پاسخ داده شده است....