website size resizing

Hey, i need help with webpages resizing so it fits all browsers/screen sizes, This is my front page of a website, those images are sliced so i get confuzed how to do it all.

<html>
<head>
<title>new size</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../site_layout.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (new size.psd) -->
<div id="Site_Layout">
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
    <tr>
      <td colspan="3">
        <img src="images/new-size_01.jpg" width="1680" height="593" alt=""></td>
    </tr>
    <tr>
      <td rowspan="2">
        <img src="images/new-size_02.jpg" width="547" height="457" alt=""></td>
      <td>
        <img src="images/new-size_03.jpg" width="606" height="179" alt=""></td>
      <td rowspan="2">
        <img src="images/new-size_04.jpg" width="527" height="457" alt=""></td>
    </tr>
    <tr>
      <td>
        <img src="images/new-size_05.jpg" alt="" width="606" height="278" align="baseline"></td>
    </tr>
  </table>
</div>

<!-- End Save for Web Slices -->

</body>
</html>

Down2Skills

Newbie Poster

6 posts since Jan 2012

Reputation Points: 10

Solved Threads: 0

4 Months Ago

Is that you want to RESIZE your page in all screens means (GOOGLE), Just present your values pixels into percentage(%).. thats all.. Use all the DIV'S values as %, and include this on your style, * { margin:0; padding:0; }..

mohamedasif18

Junior Poster in Training

61 posts since Nov 2011

Reputation Points: 10

Solved Threads: 5

4 Months Ago

Adjusting a website to fit all types of resolution can be done by simply using the concept of relative width of a web page. The relative width of a webpage changes with the screen resolution of the computer screen which is used to view the web page. By defining the width in percentage and not in unit number, the page can adjusted according to the percentage defined.The minimum width or maximum width property can also be used while adjusting the website to fit all types of resolution.

judryn27

Newbie Poster

5 posts since Dec 2009

Reputation Points: 10

Solved Threads: 1

4 Months Ago

Could you adjust the code above and show me? Im new to HTML :/ Mainly a C++ Programmer. HTML seems pretty basic, but need to learn it :)

Down2Skills

Newbie Poster

6 posts since Jan 2012

Reputation Points: 10

Solved Threads: 0

4 Months Ago

Hi Down2Skills ,
First learn CSS which must need to design your HTML page . All the division's in CSS must be in % if you are trying to fix your web page in any size of monitor . insert * { margin:0; padding:0; } for avoid unwanted spaces in your webpage .
For Example i will giv you the undergoing site URL :
RESOLUTION/

Change your monitor resolution and check this , More contents size wont change..

mohamedasif18

Junior Poster in Training

61 posts since Nov 2011

Reputation Points: 10

Solved Threads: 5

4 Months Ago

If your page expands to fill the screen totally and the browser is maximised, then on a 21" or 24" monitor, the user will be trying to read lines of text up to 21" or 23" in length!

This is a very BAD thing - finding the beginning of the next line of text is difficult.
So you should also set a max-width on your outermost div to prevent it becoming too large and difficult to read.
Upsetting users makes them leave your site.

Don't use tables for layout control.

drjohn

Posting Pro in Training

448 posts since Mar 2010

Reputation Points: 76

Solved Threads: 80

4 Months Ago

thanks John

Down2Skills

Newbie Poster

6 posts since Jan 2012

Reputation Points: 10