PDA

View Full Version : سوال: بیرون زدن محتوای درون div با تنظیم خاصیت float


mehdi-ghafari
سه شنبه 09 خرداد 1391, 00:40 صبح
سلام دوستان
من سهتا تگ div دارم که توی یکیش دو تگ دیگه رو قرار دادم به صورت زیر


<div style="min-height:200px;">
<div style="float:right; width:250px;">محتوا</div>
<div style="float:left; width:250px;">محتوا</div>
</div>

تا اینجا همه چی خوبه. ولی به محض اینکه محتوای درون یکی از دیوهای داخلی زیاد میشه از دیو والد خودش میزنه بیرون (از لحاظ ارتفاع میگم).
نمی دونم چکارش کنم.
خاصیت height رو هم زیاد دستکاری کردم. float:left و float:right رو هم کلا امتحان کردم ولی نشد.
در ضمن من نمیخوام مقدار ثابتی به height بدم و میخوام نسبت به محتوا ارتفاعش زیاد شه.
لطفا یه راهنمایی بفرمائید مارو
ممنون
lady64
سه شنبه 09 خرداد 1391, 09:02 صبح
برای من هم همین طور میشه . یکی راهنمایی کنه لطفا
Saber Mogaddas
سه شنبه 09 خرداد 1391, 10:45 صبح
سلام
استایل کد هاتون رو به این صورت تغییر بدید .. به تگ overflow هم توجه کنید..



<html>
<head>
<title>saber mogaddas</title>
<style type="text/css">
#wraper
{
width:300px;
min-height:10px;
margin:auto;
overflow:hidden;
background-color:#909090;
}
.Inner-Div
{
width:300px;
min-height:10px;
float:right;
background-color:#d7d7d7;
margin-bottom:10px;
}
</style>
</head>
<body>
<div id="wraper">
<div class="Inner-Div">Thank you for downloading the graphic resourceThank you for downloading the graphic resource</div>
<div class="Inner-Div">Thank you for downloading the graphic resourceThank you for downloading the graphic resource</div>
</div>
</body>
</html>


موفق باشی..
lady64
سه شنبه 09 خرداد 1391, 11:15 صبح
آقای صابر ممنون از راهنماییتون. سایت پارس رو خودتون طراحی کردید ؟ خیلی قشنگه . شلوغ نیست و کلاسیکه .
قسمت div بدنه رو با استفاده از خصوصیات خود div گوشه هاشو گرد کردید ؟ چون برای من جواب نمیده . البته باید کدش رو بگردم . ولی یادمه تو ie نمیشد. میشه راهنماییی کنید.
Saber Mogaddas
سه شنبه 09 خرداد 1391, 22:21 عصر
سلام
ممنون ..گوشه های radius دار رو عکس گذاشتم..من فعلا ترجیح می دم بجای اینکه دردسر cross browser بودن کد border-radius رو بکشم از عکس برای گوشه ها استفاده کنم..که تو همه browser ها یکسان نمایش داده شه..
بهترین روش برای دستور border-radius که تو بعضی از ورژن های ie نیز جواب میده استفاده از فایل .htc هست.. اینجا (http://fetchak.com/ie-css3/) و اینجا (http://css3pie.com/) مرجع کاملی هست که میتونید نحوه کار فایل htc رو یاد بگیرید..
موفق باشی..
mehdi-ghafari
جمعه 12 خرداد 1391, 02:56 صبح
آقا صابر ممنونم از راهنماییتون. مشکلم حل شد.
ولی تا جایی که من فهمیده بودم این صفت overFlow وضعیت اسکرول دیو رو مشخص میکرد.(البته اگر اشتباه نکنم)
چطور اینجا این مشکل رو حل کرد؟

بازم ممنونم
Saber Mogaddas
شنبه 13 خرداد 1391, 17:19 عصر
سلام
تگ Overflow مقادیر زیادی داره مثل :
auto
visible
scroll
hidden
هر کدوم تو هر تگی تنظیمات سریز رو کنترول میکنن..
موفق باشی..