Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Mar 2009
    Posts
    27
    Member #
    18564
    Hi,

    I am building a website with resources for primary school teachers. I have built the design for the main pages of the site and everything looked fine in my computer screen. Here is a link:

    http://www.primaryteachingresources..../website9.html

    However when I tried the main page at different screens resolutions the right lower part of the page started to become smaller and smaller.

    Here is the page at 1440 X 900 (everything looks fine here):

    http://www.flickr.com/photos/22338638@N06/3421175089/


    Here it is at 1280 X 768 (still everything looks fine):

    http://www.flickr.com/photos/22338638@N06/3421981992/


    Here it is at 1024 X 768 (you can see the right lower part of the page starts to get smaller):

    http://www.flickr.com/photos/22338638@N06/3421176179/

    And here it is at 600 X 800 (total disaster...the right lower part gets smaller and smaller...also the letters get ones on top of another)

    http://www.flickr.com/photos/22338638@N06/3421982902/

    Why does this happen? I have spent the whole day trying to find out before writing here. Please give a hand.

    Thanks a lot in advance,

    Ivánmax

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    You are specifying a height in your divs and that will cause them to overlap. Let the browser size them itself by not specifying a height. If your doing just a background image then using a height is ok. Generally avoid heights where possible.

    By the way, you can see the problem by resizing your browser window, so you didn't need all those screen shots!

  4. #3
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    My 2 cents.
    Make a "fixed-width" site of 960 pixels wide.
    That's a nice size for most modern monitors,
    and you'll be happy to not have to even worry
    about things moving around.


  5. #4
    Junior Member
    Join Date
    Mar 2009
    Posts
    27
    Member #
    18564
    Thanks!

    I manage to solve the problem playing around with "min width":

    http://www.primaryteachingresources....website12.html

    Regards and thanks a lot

    Iván

  6. #5
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    Something to think about ...

    Not everyone has PowerPoint installed on their PC's.
    If they happen to try to open your .ppt file, they will need to have PowerPoint.

    You might want to mention what kind of file it is so they don't waste their time.


  7. #6
    Junior Member
    Join Date
    Mar 2009
    Posts
    27
    Member #
    18564
    Hi,

    Thanks for the suggestion. In the home page we will explain the site contains just powerpoints. In Spain (place where I live) every school has windows installed in their computers and also powerpoint. It is widely used by teachers with digital boards nowadays.

    Thanks again,

    Ivanmax


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:39 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com