Web Design Discussion - Needs Help with Resolution for a Web Site

Print Page | Close Window

Needs Help with Resolution for a Web Site

Printed From: Web Wiz Forums
Category: General Discussion
Forum Name: Web Design Discussion
Forum Description: Discussion on web design and development subjects.
URL: https://forums.webwiz.net/forum_posts.asp?TID=12664
Printed Date: 29 March 2026 at 10:14am
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Needs Help with Resolution for a Web Site

Posted By: Misty
Subject: Needs Help with Resolution for a Web Site
Date Posted: 23 November 2004 at 2:04pm

Can someone please help me to figure out how to set the resolution on this web site: removed the link on December 7th so it would look the same way on a laptop with a bigger screen? There's an example of how to design tables that would fit bigger resolutions at http://www.smartwebby.com/web_site_design/advanced_web_design.asp - http://www.smartwebby.com/web_site_design/advanced_web_desig n.asp . I need some ideas on how to do it with this web page.

Replies:

Posted By: Gullanian
Date Posted: 23 November 2004 at 2:41pm

Article says it all really, just use %'s instead of fixed width tables, not sure if anyone would be able to tell you how to do it on your site without doing it all for you, just experiment.

Posted By: dpyers
Date Posted: 24 November 2004 at 1:03am

Here's a centered 4x4 table, width=100%. Each td=25%.
Put this code in a page and manually resize it to see how it works.

<div align="center">
 <table border="0" cellpadding="0" style="border-collapse: collapse" width="100%">
  <tr>
   <td width="25%">a1</td>
   <td width="25%">b1</td>
   <td width="25%">c1</td>
   <td width="25%">d1</td>
  </tr>
  <tr>
   <td width="25%">a2</td>
   <td width="25%">b2</td>
   <td width="25%">c2</td>
   <td width="25%">d2</td>
  </tr>
  <tr>
   <td width="25%">a3</td>
   <td width="25%">b3</td>
   <td width="25%">c3</td>
   <td width="25%">d3</td>
  </tr>
  <tr>
   <td width="25%">a4</td>
   <td width="25%">b4</td>
   <td width="25%">c4</td>
   <td width="25%">d4</td>
  </tr>
 </table>
</div>

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: theSCIENTIST
Date Posted: 24 November 2004 at 3:48pm

dpyers: I don't mean to criticise your code or anything, jut to provide a piece of advice.

You don't need to explicitly set the width="25%" to all TDs, just the first set of 4, on the first row, then all the others below will inherit it's width from the first definition found, this is cool because it saves alot in file size if you have a large table.

Misty: You can use fixed width TDs if you have to, in case you need to display something on the left that must be width static, and set the other TD to 100% width. Ex. The following is a table normally used in CMS systems where they have a little table on the left, content in the middle and another little table on the right. The left and right tables are width static, but the content one in the middle is set to 100% so it resizes as you resize the browser window.

<TABLE BORDER="1" HEIGHT="200" CELLPADDING="0" CELLSPACING="0">

��<TR>

    <TD WIDTH="200" ALIGN="center">leftCell</TD>

    <TD WIDTH="100%" ALIGN="center">ContentCell</TD>

    <TD WIDTH="200" ALIGN="center">rightCell</TD>

��</TR>

</TABLE>

-------------
:: http://www.mylittlehost.com/ - www.mylittlehost.com

Posted By: theSCIENTIST
Date Posted: 24 November 2004 at 3:52pm

Humm, totally off-topic, but, is anyone noticing the edit by dates and time are wrong? Check the edit by auto-line in my post above!

-------------
:: http://www.mylittlehost.com/ - www.mylittlehost.com

Posted By: Gullanian
Date Posted: 24 November 2004 at 4:02pm

Test

Posted By: dpyers
Date Posted: 24 November 2004 at 7:00pm

theSCIENTIST is right about only having to define the first row. I usually try to make all the tr/td tags look the same so they line up well in an code view. makes it easier to locate/change specific content. I'm a big fan of laid out code.

-------------

Lead me not into temptation... I know the short cut, follow me.