طراحی با div

[dr_csharp]

آیا Table وTD و Trرا تناما میشه با div پیاده سازی کرد ؟
من تو یکی از page هام باید از کاربر یکسری مقادیر ورودی بگیرم (یکسری TextBox و RadioButton و .. داره ) هر کار میکنم با div نمیشه چینش مرتبی واسشون پیاده کرد !؟
لطفا راهنمایی کنید

[amirferdowsi]

سلام
دوست عزیز برای اینکار باید از CSS استفاده کنید ، جستجو کن توی همین بخش نمونه های زیادی هست .

[Exception]

آیا Table وTD و Trرا تناما میشه با div پیاده سازی کرد ؟
من تو یکی از page هام باید از کاربر یکسری مقادیر ورودی بگیرم (یکسری TextBox و RadioButton و .. داره ) هر کار میکنم با div نمیشه چینش مرتبی واسشون پیاده کرد !؟
لطفا راهنمایی کنید
اینو الان برات درست کردم. خیلی ساده است ولی فکر کنم برای اینکه ایده بگیری کافی باشه!

<div class="row">
<div class="item">
Name:
</div>
<div class="value">
<input type="text" />
</div>
</div>
<div class="row">
<div class="item">
Password:
</div>
<div class="value">
<input type="password" />
</div>
</div>
<div class="row">
<div class="item">
Marital Status:
</div>
<div class="value">
<label for="radio1">Single</label>
<input id="radio1" type="radio" name="ms" />
<label for="radio2">Married</label>
<input id="radio2" type="radio" name="ms" />
</div>
</div>اینم از استایل:

.row{
clear:both;
}
.item{
float:left;
width:100px;
}
.value{
float:left;
}

[dr_csharp]

میدونید مشکل چیه ؟
ببینید مثلا من میخوام دوتا div بنام left و right درون div بنام main باشه :


<divid="main">
<divid="left"></div>
<divid="right"></div>
</div>

CSS:


#main
{
padding: 20px;
height: auto!important;
height: 500px;
min-height: 500px; /*background-color: Black;*/
}
#right
{
float: right;
width: 170px;
height: 100%;
border-left: solid1pxgreen; /*background-color: Green;*/
}
#left
{
float: left;
width: 750px;
height: 100%;
margin-right: 10px;
position: absolute; /*background-color: Red;*/
}

main در واقع همون tr و leftوright هم td ها هستند.
حالا میخوام هرچی ارتفاع left یا right تغییر میکنه در اصل ارتفاع main تغییر کنه که با اعمال height=100% برای left و right هردو به یک اندازه ارتفاع داشته باشن..ولی نمیتونم :ناراحت:
یعنی الان(IE6)وقتی ارتفاع right بیشتر از 500 میشه ،ارتفاع main بدون تغییر میمونه درنتیجه left هم باندازه main و کمتر از right میشه !

[behnet]

سلام

بايدازoverflow استفاده كني

موفق باشي

[arta.nasiri]

سلام

من هم در مورد div مشکل دارم و مشکلم این هست که وقتی متنی رو داخل div مینویسم وقتی متن از اندازه div بیشتر شد دیگه div بزرگ نمیشه بلکه متن از div خارج میشه

راهنمایی کنید
تشکر

[emad_67]

سلام

من هم در مورد div مشکل دارم و مشکلم این هست که وقتی متنی رو داخل div مینویسم وقتی متن از اندازه div بیشتر شد دیگه div بزرگ نمیشه بلکه متن از div خارج میشه

راهنمایی کنید
تشکر
به جای height از min-height استفاده کن یا اینکه اگر به ارتفاع اولیه نیاز نداری به height مقدار نده یا اونو برابر auto بزار.

[behnet]

بايد به ديو مادرت (ديوي كه 3 ستونرو توش انداختي) floatبدي تاكشيده بشه