How to get logo to be in same position relative to table regardless of screen size?

Discussion in 'CSS' started by bestoptimized, Jul 10, 2007.

  1. #1
    I have a site that has a tabled layout. I added a logo in a div so I could position it in the right spot and I used CSS to position it. Now the problem is that it is in different positions in different screens because people have different screen sizes.

    How do I position it so it is relative to the table?

    Thanks
     
    bestoptimized, Jul 10, 2007 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    How about showing us what we'd be working with? A link, or post the code.

    cheers,

    gary
     
    kk5st, Jul 10, 2007 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    As Gary said, if you can provide the HTML and CSS code (it doesn't have to be uploaded to a server), we'll be able to help you better.
     
    Dan Schulz, Jul 10, 2007 IP
  4. bestoptimized

    bestoptimized Peon

    Messages:
    159
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Here is the site:
    http://www[.]lacellefamily[.]com

    Right now the logo looks good in the 1280 pixel screen but the logo is in different positions on the screen sizes.
     
    bestoptimized, Jul 11, 2007 IP
  5. bestoptimized

    bestoptimized Peon

    Messages:
    159
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Anyone have any ideas?
     
    bestoptimized, Jul 12, 2007 IP
  6. ninjamuk

    ninjamuk Peon

    Messages:
    305
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #6
    You're using a centered site design and a directly positioned logo. You've already explained exactly what your problem is. In order to keep the logo in the correct place, you'll need to position it within the main site-container and give it a relative position. That way, when browser windows shrink, the logo will stay in the right place. If you're already using tables, just add another cell for your logo and plop it in there.

    If you need further help, just PM me.
     
    ninjamuk, Jul 12, 2007 IP