مشکل css

[desatir7316]

سلام دوستان
خسته نباشید
یه مشکل کوچیک تو css دارم
یه نگاهی به این بندازید:

<style>

.external{
background-color:#ffff00;
width:200px;
position:relative;
border:1px dashed red;
margin-left:500px;
}

.external .internal{
background-color:#00ff00;
FLOAT:right;
border:1px green solid;
}

.external ul li{float:left; padding:12px; position:relative}
.external ul{list-style-type:none; position:relative}
</style>

<div class="external">
<div class="internal">
this is internal
</div>
this is enxternal<br>
and hoochi dia nonem boem<br>
BOEM CHI?
<ul >
<li>first</li>
<li>second</li>
</ul>

</div>


من به اون div بیرونی یه رنگ پس زمینه دادم ولی آیتم های لیست خارج از اون رنگ نشون داده می شن اما زیر نظر div بیرونی هستن چون وقتی margin دیو رو تغییر میدم آیتم های لسیت هم جابجا میشن

حالا وقتی بعد تگ <ul> چیزی می نویسم دیگه اینجوری نیست یعنی اینجوری:

<div class="external">
<div class="internal">
this is internal
</div>
this is enxternal<br>
and hoochi dia nonem boem<br>
BOEM CHI?
<ul >
<li>first</li>
<li>second</li>
</ul>
SOME TEXT

</div>


ممون می شم جواب بدین

[bftarane]

در کلاس external از overflow استفاده کنید.
من مقادیر hidden ،auto و scroll رو امتحان کردم با همشون جواب داد.
از لینک زیر هم می تونید اطلاعاتی راجع بهشون کسب کنید.
http://www.w3schools.com/cssref/pr_pos_overflow.asp

[khanlo.javid]

دوست عزیز به این نکته توجه د اشته باشید که وقتی از خاصیت float استفاده میکنید حتما اونو clearکنید این کد زیر رو بزارید زیر دیوی که توش از خاصیت float استفاده کردید احتمالا مشکلتون حل بشه.


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



موفق باشید.

[desatir7316]

<div style="clear:both"></div>
نشد ولی چیزی رو که bftarane گفتن درستش کرد
ممنون

[desatir7316]

دوستان کسی میدونه وقتی میخوایم اندازه font رو مشخص کنیم عدد بعد از ممیز چی کار میکنه؟
ممنون
font:13px/26px Calibri,Arial,sans-serif;

هرکاری کردم خودم پیداش نکردم
ممنون

[desatir7316]

دوستان کسی نیست این قضیه font رو بلد باشه؟