Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 17
  1. #1
    New Coder
    Join Date
    Feb 2003
    Posts
    45
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Scren Resolution

    Is there a way to make my site fit all screen resolutions? So it looks normal on all sizes/resolutions? Thanks?

  • #2
    Regular Coder
    Join Date
    Jan 2003
    Posts
    680
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Avoid big images and don't use fixed widths.
    (o<
    //\ &nbsp; &nbsp; &nbsp; =^..^=
    &nbsp; &nbsp; $!

  • #3
    Regular Coder
    Join Date
    Sep 2002
    Location
    Saskatoon SK Canada
    Posts
    174
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I guess if you made your site in Flash at at 4:3 ratio. Then when you put the Flash code into the HTML page just put width=100% and height=100% on the parameters of the Flash opject. It'll look the same on all resulutions.

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Location
    Beyond Lament
    Posts
    424
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You could use CSS and exact pixel widths...

    I've used that trick on my sites.
    Quíet Storm Designs ~ Art is not what you see, but what you make others see.
    · the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·

  • #5
    Regular Coder
    Join Date
    Jan 2003
    Posts
    680
    Thanks
    0
    Thanked 0 Times in 0 Posts
    But that would make it not adopt to different window sizes.
    (o<
    //\ &nbsp; &nbsp; &nbsp; =^..^=
    &nbsp; &nbsp; $!

  • #6
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    how??? hmm... 1 - design it IN a res like 800*600 (thats what i do)... (ok... it's only 'coz my monitor is too old to go above that)

    2 - made it "fluid"... so it occupies whatever space its given (like a fluid does... geddit?)

    the only "problems" with the above could be...

    1 - it can look to small in res's like 1024*768... but then again some poeple like having lots of extra space

    2 - some designers claim that they dont have full control over %ed designs...
    redhead

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by redhead
    2 - some designers claim that they dont have full control over %ed designs...
    I let you into a "secret" - you don't have full control over *any* designs - anyone can turn of your stylesheet, reformat your page with their own stylesheet, etc.

    Your basic approach is right - design to a practical minimum and let it be fluid from that. I agree that a maximized-page at 1024 is difficult to read and looks strange - so don't view web pages like that - use a smaller window - and give your visitors the same choice.

  • #8
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    Probably the only way to do it is to use CSS positioning on everything in your page.

    I have found that when a mixture of standard HTML tags and CSS positioning is used in one resolution it does not look the same at a higher resolution.

    A higher resolution automatically makes the standard text smaller but whatever is controlled by CSS remains at the position you state.
    This effectively throws out all your positioning.

    Even using CSS positioning and fixed positions you could still end up with loads of space at the bottom of your page in the higher resolution unless you used percentages.

    This might be deemed as going over the top.

    You could write a script to detect the users screen resolution and reposition as necessary.

    I am under the impression that the majority of people use 800 X 600.

    I am in the process of working on a site where the owner insists on a resolution of 1024 X 768 where certain elements look totally out of place when viewed in mine at 800 X 600

    I have to work in 1024 X 768 to make sure everything looks OK for them, but Like I said if the majority view in 800 X 600 ..... well ... what can you do?

  • #9
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    "I let you into a "secret" - you don't have full control over *any* designs"

    heh... no worrys... i didnt make what i meant very clear at all... (no change there then)
    redhead

  • #10
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What I was emphasising is that I believe it's a misnomer to try to acheive a fixed design which looks the same for all users; not only is it impossible, but it's a false ideal - isn't it better, other things being equal, that you let your users decide how it should look? What's comfortable for them?

    But ... if you do want a DTP-style precise layout, this can still be acheived *and* be flexible - if you use the wonderful "em" unit - an em is an absolute size, but it's flexible as well.
    Last edited by brothercake; 03-08-2003 at 03:14 PM.

  • #11
    Regular Coder
    Join Date
    Jun 2002
    Location
    UK
    Posts
    577
    Thanks
    0
    Thanked 0 Times in 0 Posts
    doing a fluid layout for any res is entirely possible even if you only allow certain areas of the page(s) to be fluid.

    for example - if you know your left side gumph is 140px wide, your right side 90px wide, you can leave the centre parts to scale and fill the void so to speak.

    I vaguely tried for a fluid layout at teckis for resolutions from 580px wide through 1600px, though the right-side-feed sometimes forces too much whitespace.

    whatever approach you take will have its own benefits and drawbacks - all good learning though
    Ökii - formerly pootergeist
    teckis - take your time and it'll save you time.

  • #12
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by Ökii
    doing a fluid layout for any res is entirely possible even if you only allow certain areas of the page(s) to be fluid.
    Yeah absolutely; I did something once where the right column was fixed in px and the center and left columns were fluid with %. I set the values so that the total width at 800x600 was just right, but because the defined percentages didn't add up to 100%, as the page got wider the proportionate total went down - ie, the page is 95% at 800x600 but only 85% or thereabouts at 1024, 75% at 1152, and so on - this worked quite well - limiting the expansion on an inverse-logarithmic scale

  • #13
    Regular Coder
    Join Date
    Jun 2002
    Location
    Ames, IA, USA
    Posts
    373
    Thanks
    0
    Thanked 0 Times in 0 Posts
    On the other hand, even when you get the widths to work with various resolutions, you still have the problem of font size, which often as not will screw up the layout.
    Need more emoticons?
    Visit Catman's Private Stock

  • #14
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by Catman
    you still have the problem of font size, which often as not will screw up the layout.
    True - there really are no ideal solutions for font sizing on the web. "This week, I have been mostly using percentages" ... but ems are good for this as well
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #15
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    What if CSS was used to control the font size?

    Would that make a difference.

    Might have to experiment with this theory



  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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