Mahdi_20
چهارشنبه 28 آذر 1386, 15:58 عصر
با سلام نمیدونم کسی با این مشکل برخورد کرده یا نه؟ ولی من این کد رو اینجا میزارم تا اگه کسی تونست این رو درست کنه..
من میخوام سلول وسط (This Cell) رو height:100% بدم..
خودمو کشتم تا بتونم به دو table بالاترش Height:100% بدم..به این td که Height:100% میدم Scroll میخوره میگین چیکار کنم..از overflow:hidden هم نمیخوام استفاده کنم...
اینم کد:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1</title>
<style type="text/css">
html,body,table{
height:100%;
margin:0;
padding:0px;
border:none;
empty-cells:hide;
}
table.tb1{
height:100%;
white-space:nowrap;
}
tr.tr1{
height:100%;
background-color:#f2f2f2;
}
tr.td1{
min-height:100%;
background-color:#f2f2f2;
}
/*
tr.tr11{
position:absolute;
display:block;
height:30px;
background-color:#ffe680;
}
tr.tr12{
min-height:100%;
background-color:#ffc340;
}
tr.tr13{
height:50px;
background-color:#c1c1c1;
}
tr.td2{
height:100%;
background-color:#0044cc;
}
div{
height:100%;
}
}*/
</style>
</head>
<body>
<table style="background-color:#f2f2f2;width: 100%" cellpadding="0" cellspacing="0">
<tr class="tr1">
<td>1</td>
<td class="td2">
<table class="tb1" style="background-color:#c1c1c1;width: 100%" cellpadding="0" cellspacing="0">
<tr class="tr11">
<td style="height:50px;background-color:#ffe680;">2
</td>
</tr>
<tr class="tr12">
<td style="background-color:#c1c1c1;">
This Cell..
</td>
</tr>
<tr class="tr13">
<td style="height:50px;background-color:#ffe680;">
3
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
من میخوام سلول وسط (This Cell) رو height:100% بدم..
خودمو کشتم تا بتونم به دو table بالاترش Height:100% بدم..به این td که Height:100% میدم Scroll میخوره میگین چیکار کنم..از overflow:hidden هم نمیخوام استفاده کنم...
اینم کد:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1</title>
<style type="text/css">
html,body,table{
height:100%;
margin:0;
padding:0px;
border:none;
empty-cells:hide;
}
table.tb1{
height:100%;
white-space:nowrap;
}
tr.tr1{
height:100%;
background-color:#f2f2f2;
}
tr.td1{
min-height:100%;
background-color:#f2f2f2;
}
/*
tr.tr11{
position:absolute;
display:block;
height:30px;
background-color:#ffe680;
}
tr.tr12{
min-height:100%;
background-color:#ffc340;
}
tr.tr13{
height:50px;
background-color:#c1c1c1;
}
tr.td2{
height:100%;
background-color:#0044cc;
}
div{
height:100%;
}
}*/
</style>
</head>
<body>
<table style="background-color:#f2f2f2;width: 100%" cellpadding="0" cellspacing="0">
<tr class="tr1">
<td>1</td>
<td class="td2">
<table class="tb1" style="background-color:#c1c1c1;width: 100%" cellpadding="0" cellspacing="0">
<tr class="tr11">
<td style="height:50px;background-color:#ffe680;">2
</td>
</tr>
<tr class="tr12">
<td style="background-color:#c1c1c1;">
This Cell..
</td>
</tr>
<tr class="tr13">
<td style="height:50px;background-color:#ffe680;">
3
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>