mehrdad201
یک شنبه 12 دی 1389, 12:26 عصر
<html>
<head>
<title>Table and Div</title>
<style type="text/css">
body
{
font-family:Arial,tahoma;
font-size:11px;
}
div.holder1,div.holder2
{
display:inline;
float:left;
width:30%;
}
div.holder2
{
width:70%;
}
div.holder1 td
{
background:#000;
color:#FFF;
}
div.holder2 td
{
background:#EFEFEF;
color:#000;
}
</style>
</head>
<body>
<div class="holder1">
<table border="1" cellpadding="1" cellspacing="1" width="100%">
<tr><td>Table 1</td></tr>
</table>
</div>
<div class="holder2">
<table border="1" cellpadding="1" cellspacing="1" width="100%">
<tr>
<td>Table 2</td><td>Cell 2</td><td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td><td>Cell 5</td><td>Cell 6</td>
</tr>
</table>
</div>
</body>
</html>
این صفحه ای که کدش رو گذاشتم رو توی یه فایل htm. سیو کن. این سازگار با فایرفاکس ، اینترنت اکسپلورر 7 8 و 9 هست.
موفق باشید