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.

<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">
<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">
      <td colspan="3">
        <img src="images/new-size_01.jpg" width="1680" height="593" alt=""></td>
      <td rowspan="2">
        <img src="images/new-size_02.jpg" width="547" height="457" alt=""></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>
        <img src="images/new-size_05.jpg" alt="" width="606" height="278" align="baseline"></td>

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


Edited by Down2Skills: n/a

5 Years
Discussion Span
Last Post by Down2Skills

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; }..


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.

Edited by judryn27: n/a


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 :)


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 :

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


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.

Edited by drjohn: n/a

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.