ethar turky
asked on
Detect the width
Dear All,
I got table displayed 100% of the client screen.
inside that table i have small tables (around 100 table ) , I want to automatically dedect the width of the big table to decide how many small tables i should display it per row.
Thanks.
I got table displayed 100% of the client screen.
inside that table i have small tables (around 100 table ) , I want to automatically dedect the width of the big table to decide how many small tables i should display it per row.
Thanks.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You're welcome, and thanks for the A :-)
ASKER
georgemarian, can you please tell me how lead a space between div and another?
If you mean how to "leave" a space between two div's, like this:
<div style="float:left; width:100px; margin-right:10px;">
<table border="1" cellpadding="0" cellspacing="0" width="100">
<tr>
<td width="100%"> </td>
</tr>
</table>
</div>
<div style="float:left; width:100px; margin-right:10px;">
<table border="1" cellpadding="0" cellspacing="0" width="100">
<tr>
<td width="100%"> </td>
</tr>
</table>
</div>
So, each div will have a 10 pixel margin on the right. Depending on how you want it spaced, you have a number of options:
Margin's all around:
<div style="float:left; width:100px; margin:10px;">
Only on both sides:
<div style="float:left; width:100px; margin-left:10px; margin-right:10px;">
Just on the top:
<div style="float:left; width:100px; margin-top:10px;">
etc...
Let me know if that helps you.
<div style="float:left; width:100px; margin-right:10px;">
<table border="1" cellpadding="0" cellspacing="0" width="100">
<tr>
<td width="100%"> </td>
</tr>
</table>
</div>
<div style="float:left; width:100px; margin-right:10px;">
<table border="1" cellpadding="0" cellspacing="0" width="100">
<tr>
<td width="100%"> </td>
</tr>
</table>
</div>
So, each div will have a 10 pixel margin on the right. Depending on how you want it spaced, you have a number of options:
Margin's all around:
<div style="float:left; width:100px; margin:10px;">
Only on both sides:
<div style="float:left; width:100px; margin-left:10px; margin-right:10px;">
Just on the top:
<div style="float:left; width:100px; margin-top:10px;">
etc...
Let me know if that helps you.
ASKER
YES, It helps me so so much.
Thanks man
Thanks man
ASKER