SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Apr 2002
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    positioning for diff screens and browser sizes..

    Hi all,
    I just started learning CSS and was very happy to find that I could position my images and text using <div> tags instead of tables.
    Now I'd appreciate some advice on the following:
    1. I've specified % top and left positions so that my page looked presentable when I changed from resolution to resolution or resized my browser.For ex.
    #logo
    {
    position:absolute;
    left:2%;
    top:2%;
    }
    #navleft
    {
    position:absolute;
    left:2%;
    top:30%;
    }
    Is this done normally? Will it help at all?I just didn't want to design my page for any fixed resolution and therefore didn't use pixel sizes.
    2. For my images though, I haven't set width & height at all(neither px nor %). So when I resize my browser/shrink it by dragging the resize arrow, my images and text shrink and overlap. I was wondering if it is possible to eliminate this by setting % heights and widths for images also?
    3. How can I set % font sizes for say, my navigational links/headings etc.
    I know I have other browsers and OS's to take into acct, but I just wanted to start somewhere!
    Thanks a lot

  2. #2
    SitePoint Enthusiast blakems's Avatar
    Join Date
    Oct 2002
    Location
    Utah
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would give any images % values they weren't meant to handle that. you can give images however a min-height/width. and max-widht/height. (only works in mozilla though).
    For your fonts you can use the "em" unit or % to adjust the font size.
    blakems.com
    "reaching more of your brain cells"



Bookmarks

Posting Permissions

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