سوال: چطور تنظیم ارتفاع خودکار دیوها بر اساس سایر دیوها رو انجام بدم [بایگانی]

View Full Version : سوال: چطور تنظیم ارتفاع خودکار دیوها بر اساس سایر دیوها رو انجام بدم

Hadiir.net

جمعه 04 شهریور 1390, 21:46 عصر

با سلام
من دو تا دیو دارم ،دیو شماره یک داخلش دیو شماره 2 هستش
حالا میخوام بصورت خودکار هرچقدر که ارتفاع دیو داخلی افزایش پیدا میکنه دیو بیرونی هم ارتفاعش بر اساس دیو درونی افزاریش پیدا کنه
ممکنه راهنمایی کنین من هر کاری میکنم نمیشه و دیو درونی از دیو بیرونی میزنه بیرون!

http://0000.2.img98.net/out.php/i25481_sample-div.png

mamali-mohammad

شنبه 05 شهریور 1390, 00:44 صبح

احتمالا شما float کردید درسته ؟
کدتون رو بزارید تا کمک کنیم

Hadiir.net

شنبه 05 شهریور 1390, 05:30 صبح

احتمالا شما float کردید درسته ؟
کدتون رو بزارید تا کمک کنیم

<!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 (http://www.w3.org/1999/xhtml"><head)>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="outbox">
<div class="inbox"></div>
</div>
</body>
</html>

.outbox{
margin: 0 auto ;
margin-top: 50px;
width: 600px;
height:300px;
background-color: maroon ;
}
.inbox{
float: right ;
margin-top: 20px;
width:200px;
height: 200px;
background-color:lime;
}

mamali-mohammad

شنبه 05 شهریور 1390, 13:30 عصر

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml%22%3E%3Chead" target="_blank">http://www.w3.org/1999/xhtml">
<head</a>>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="outbox">
<div class="inbox"></div>
<br style="clear:both;" />
</div>
</body>
</html>

hamid.shekasteh

شنبه 05 شهریور 1390, 18:59 عصر

سلام
کد زیر رو ببینید.
البته به صورت internal css هست.
نکته توی بهره گیری از Display هست.و اینکه 3 تا div لازمه:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">
<head>
<style>
.outbox
{
display:table;background-color:#cccccc;width:100%
}
.col1
{
display:table-cell;background-color:#3399FF;width:30%
}
.col2
{
display:table-cell;background-color:#FFCC00 ;width:70%
}
</style>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
</head>
<body>
<div class="outbox">

<div class="col1">
<p>hamid</p>

<p>hamid</p>

</div>
<div class="col2">
<p>hamid</p>
<p>hamid</p>
<p>hamid</p> <p>hamid</p> <p>hamid</p> <p>hamid</p>
<p>hamid</p>
</div>
</div>

</body>
</html>

css-man

یک شنبه 24 مهر 1390, 20:27 عصر

وقتی که به ارتفاع تگتون عدد اختصاص میدید قطعا تگتون فقط به همون اندازه تغییر میکنه
اگر میخواین تگ ارتفاعش با اندازه اطلاعات درونش تغییر کنه یا به ارتفاع اشاره نکنید یا ارتفاع رو auto قرار بدید
اگر از float هم استفاده کردید در نهایت از

clear:both

استفاده کنید

Hadiir.net

سه شنبه 26 مهر 1390, 18:07 عصر

Saber Mogaddas

سه شنبه 26 مهر 1390, 19:00 عصر

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

http://barnamenevis.org/showthread.php?309509-%D8%A7%D8%B1%D8%AA%D9%81%D8%A7%D8%B9-%DB%8C%DA%A9%D8%B3%D8%A7%D9%86-%D8%A8%D8%A7%DA%A9%D8%B3-%D9%87%D8%A7%28%D9%87%D9%85%D9%82%D8%AF-%D8%B4%D8%AF%D9%86-%D8%A8%D8%A7%DA%A9%D8%B3-%D9%87%D8%A7%29

موفق باشید..