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.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Sep 2006
    Posts
    216
    Thanks
    9
    Thanked 0 Times in 0 Posts

    General web design advice

    Hello,

    When creating a web page I hear it is best to use div tags to create a 'framework' to a page. My problem seems to come when defining the sizes of these div regions mainly due to screen resolutions.

    For example, if I used fixed widths for the div regions, on a high resolution screen the page would look very different to on a low resolution screen.

    If I use percentages, this is better, but if I was to reduce the size of the browser window everything on the screen shrinks proportionalty except images (.gif, .jpg) as they are fixed width. If you make these percentage widths/heights then aspect ratios go and quality drops.

    How is it best to over come these issues? What looks more professional?

    Thanks in advance.

  • #2
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    I use to design my pages for a certain resolution and make them a fixed width and then center them. That way, people with a bigger res would see the page centered and just get some whitespace on both sides of the page. You can then eventually apply some background-image or color to your body so it does not just look bored white

  • #3
    Regular Coder
    Join Date
    Dec 2007
    Posts
    107
    Thanks
    0
    Thanked 3 Times in 3 Posts
    I suggest you drop the properties given to image tag realted to width or height.

    like if you have given width="100px" in your <img> tag then remove this

    place the images only with src and title properties.

    Hope this helps
    Programming & Webmaster Forum - AdSense Revenue Sharing forum

  • #4
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    I’ve always used elastic layouts based on ems. The rough equivalent I design to is 750px wide in 13px text.
    Btw, you can use min-width to limit the fluid…um, -ness to a certain degree.


  •  

    Posting Permissions

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