Results 1 to 2 of 2

Thread: page size

  1. #1
    Join Date
    Jan 2011
    Posts
    1

    page size

    Can someone please help me, how can i make my pages fit any screen size?

    I tried setting the percentage but doesnt seem to be working. Please any help is much apreciated.

    thank you

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    The % width method does work. You have to code all widths in %, all elements like div, ul, form, table and also all their side margins and side padding and also any images inside them. Make the total of them all 100%.

    Borders can't be sized in % so have to stay in px, so make the total of % widths 97% or 98% to allow for the side borders.

    Images need coding like:-
    Code:
    <img style="width: ??%;" src="image.jpg" alt="Image 1" />
    without a height and then the height will adjust in proportion.

    A totally fluid page will look very squashed up in a small window resolution and very spaced out in a larrge window, so be careful. It works best if there isn't much page content.

    An alternative is not to use any % widths but to use min-width and max-width in px for a containing div and then the page will expand and contract within limits. Min and max width doesn't work in IE6 so set a fixed width just for IE6 in a conditional comment.
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. Know the page size of multiple URLs in one go
    By sweetashlee in forum Search Engine Optimization and Marketing
    Replies: 1
    Last Post: 03 Jun 2010, 05:02 AM
  2. Web page standard size
    By Khani in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 11 Sep 2006, 07:05 AM
  3. Index page size and duration
    By rabby in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 23 Oct 2005, 05:18 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •