We'd like to remind Forumites to please avoid political debate on the Forum. This is to keep it a safe and useful space for MoneySaving discussions. Threads that are - or become - political in nature may be removed in line with the Forum’s rules. Thank you for your understanding.

Couple of quick HTML questions..

whacking up a basic website for a girl at work and it looks fine and dandy for me BUT when she tried to view it it was all out of shape. I'm running at 1024x768 and she's running at 800x600, so will other people trying to view it.

Is there a bit of code that will auto resize to fit the screen as i've never had a problem with other sites being out of sync.
If not has anybody got the code for a popup box where i can say it's best run at 1024x768?


cheersio
«1

Comments

  • Er if you design a site do it in a percentage not in pixels and use frames
    so do it in 95% of screen resolution in the main frame the insert tables into that
    main frame an nowt should move.

    I design stuff in 95% of 800x600 frame then it looks ok.


    help here http://www.smartwebby.com/web_site_design/advanced_web_design.asp
  • smcicr
    smcicr Posts: 365 Forumite
    as mr skint says - t'is the best way. however. depending on circumstances it's sometimes useful to have specific versions of pages / sites etc for the different resolutions - see here (http://www.pageresource.com/jscript/jscreen.htm) for a simple javascript that will detect the resolution and then direct the viewer to the appropriate page etc
    "Don't go around saying the world owes you a living. The world owes you nothing. It was here first." (Mark Twain)
  • wolfman
    wolfman Posts: 3,225 Forumite
    For 800x600 the maximum page width is 778px, but I'd always go with about 770px to be safe.

    If you do decide to use javascript to detect resolution, like mentioned above, make sure you include a <noscript> element incase users have javascript disabled.

    You may also want to consider, if you have a page finding the resolution, then redirecting you to a specific page for that resolution. Search engines such as google don't like this, and may not add you to their engine, as you have to be able to get back to their search results within one click.

    One solution is to use percentage based design. Or you could grab the screen width using javascript, and if using a scripting language like PHP or .Net, store the width in viewstate or as a session variable, and dynamically load a specific stylesheet dependent on the resolution.
    "Boonowa tweepi, ha, ha."
  • cheers folks i'll give them a whirl.
  • although looking at them i'll try and give them a whirl
  • smcicr wrote:
    as mr skint says - t'is the best way. however. depending on circumstances it's sometimes useful to have specific versions of pages / sites etc for the different resolutions - see here (http://www.pageresource.com/jscript/jscreen.htm) for a simple javascript that will detect the resolution and then direct the viewer to the appropriate page etc

    think this might be the one i want, the table one is driving me scatty.
  • F1F1
    F1F1 Posts: 218 Forumite
    Mr_Skint wrote:
    Er if you design a site do it in a percentage not in pixels and use frames
    so do it in 95% of screen resolution in the main frame the insert tables into that
    main frame an nowt should move.

    I design stuff in 95% of 800x600 frame then it looks ok.


    help here http://www.smartwebby.com/web_site_design/advanced_web_design.asp
    Frames are a usually a bad idea. There can be problems including bookmarking the page <each frame has a different URL>, problems printing the page, search engines can also have problems with framed websites.

    http://www.html-faq.com/htmlframes/?framesareevil
  • Mr_Skint_2
    Mr_Skint_2 Posts: 5,183 Forumite
    F1F1 wrote:
    Frames are a usually a bad idea. There can be problems including bookmarking the page <each frame has a different URL>, problems printing the page, search engines can also have problems with framed websites.

    http://www.html-faq.com/htmlframes/?framesareevil

    Er not if you put the Meta data in the Header Frame.
  • F1F1
    F1F1 Posts: 218 Forumite
    Re: problems with frames -
    Mr_Skint wrote:
    Er not if you put the Meta data in the Header Frame.
    I believe frames sites don't necessarily cause all the problems now that they used to, but have all the problems gone? I've always avoided them like the plague and our lecturers said to do so as well, so I'll accept that I'm probably not up to date with the frames situation! :) I'd be interested to know what the situation is like now. Have the printing problems been resolved as well? Usually in the past if you hit the print button <as most punters do> it would annoyingly print out the separate frames on separate sheets of paper. Do you have a URL for one of your framed sites and I'll be happy to watch and learn. :)
  • Most of the Framed issues were cleared up, as I was taught where to put
    the TAGS and Anchors within the frame, its just better if you make the main frame about 95% or so of the visible screen size, the big problem isnt with the frames
    themselves it the positioning of tables within the frame and what percentage of that table is, and of course the dreaded Browser itself, I mean you might make a website and view it in your Browsers to check it using, Opera, Netscape, IE, FireFox etc and then test it at different screen resolutions and it may look Brilliant until a user viewing your site may have chaged there Browser settings and then your well crafted website looks rubbish.
This discussion has been closed.
Meet your Ambassadors

Categories

  • All Categories
  • 347.8K Banking & Borrowing
  • 251.9K Reduce Debt & Boost Income
  • 452.2K Spending & Discounts
  • 240.2K Work, Benefits & Business
  • 616.4K Mortgages, Homes & Bills
  • 175.4K Life & Family
  • 253.6K Travel & Transport
  • 1.5M Hobbies & Leisure
  • 16K Discuss & Feedback
  • 15.1K Coronavirus Support Boards

Is this how you want to be seen?

We see you are using a default avatar. It takes only a few seconds to pick a picture.