Can someone tell me how to limit how inwards width of my forums? Because Basically as you can see from www.gearspro.com/forums that as soon as it is moved in the site looks a bit silly because the banner stays way across the page and the forums keeps reducing in width. So if someone could help me resolve this problem by limiting the min-width, that would be great thanks.
Gearspro
0
Light Poster
Recommended Answers
Jump to PostHow much resolution do you use for banner? It is too wide. You should base on 1024. Group with same container for your banner, body, footer, etc. I am not sure it will help, but try this one.
<table width="100%"> <tr> <td width="100%" valign="top"><!-- Banner ----> <table …
All 4 Replies
ko ko
97
Practically a Master Poster
How much resolution do you use for banner? It is too wide. You should base on 1024. Group with same container for your banner, body, footer, etc. I am not sure it will help, but try this one.
<table width="100%">
<tr>
<td width="100%" valign="top"><!-- Banner ---->
<table width="100%">
<tr><td></td></tr>
</table>
</td>
</tr>
<tr>
<td width="100%" valign="top"><!-- Content --->
<table width="100%">
<tr><td></td></tr>
</table>
</td>
</tr>
<tr>
<td><!-- Footer --->
<table width="100%">
<tr><td></td></tr>
</table>
</td>
</tr>
</table>Your site look nice.
Gearspro
0
Light Poster
How much resolution do you use for banner? It is too wide. You should base on 1024. Group with same container for your banner, body, footer, etc. I am not sure it will help, but try this one.
<table width="100%"> <tr> <td width="100%" valign="top"><!-- Banner ----> <table width="100%"> <tr><td></td></tr> </table> </td> </tr> <tr> <td width="100%" valign="top"><!-- Content ---> <table width="100%"> <tr><td></td></tr> </table> </td> </tr> <tr> <td><!-- Footer ---> <table width="100%"> <tr><td></td></tr> </table> </td> </tr> </table>Your site look nice.
Thanks for your reply, but can you tell me where i add this coding?
ko ko
97
Practically a Master Poster
That is sample for your layout. You could group your banner, content body and footer with the same container. So it hold them together when the resolution increase or decrease and they will stay specific location. Your banner is wider than 1000px and it will stay across the page in 1024 resolution.You should give your banner maximum width of 1000px.
<table width="100%">
<tr>
<td width="100%" valign="top" align="center">
<table width="your banner width"><!-- Banner, add banner code in this 'td' -->
<tr><td></td></tr>
</table><!-- your banner finish here-->
</td>
</tr>
<tr>
<td width="100%" valign="top" align="center">
<table width="content width"><!--your content body,add content body codes in this 'td' -->
<tr><td></td></tr>
</table><!--your content body finish here -->
</td>
</tr>
<tr>
<td width="100%" align="center">
<table width="footer width"><!-- add your footer code here -->
<tr><td></td></tr>
</table><!-- your footer finish here -->
</td>
</tr>
</table>Sorry for my bad language.
ko ko
97
Practically a Master Poster
That is sample for your layout. You could group your banner, content body and footer with the same container. So it hold them together when the resolution increase or decrease and they will stay specific location. Your banner is wider than 1000px and it will stay across the page in 1024 resolution.You should give your banner maximum width of 1000px.
<table width="100%">
<tr>
<td width="100%" valign="top" align="center">
<table width="your banner width"><!-- Banner, add banner code in this 'td' -->
<tr><td></td></tr>
</table><!-- your banner finish here-->
</td>
</tr>
<tr>
<td width="100%" valign="top" align="center">
<table width="content width"><!--your content body,add content body codes in this 'td' -->
<tr><td></td></tr>
</table><!--your content body finish here -->
</td>
</tr>
<tr>
<td width="100%" align="center">
<table width="footer width"><!-- add your footer code here -->
<tr><td></td></tr>
</table><!-- your footer finish here -->
</td>
</tr>
</table>Sorry for my bad language.
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.