Member Avatar for Down2Skills

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>
Edited by Down2Skills because: n/a
  • 4 Contributors
  • 6 Replies
  • 112 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by Down2Skills
Member Avatar for mohamedasif18

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

Member Avatar for judryn27

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 because: n/a
Member Avatar for Down2Skills

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

Member Avatar for mohamedasif18

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

Member Avatar for drjohn

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 because: n/a
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.