Header fix

Discussion in 'CSS' started by Deviancee, Apr 14, 2009.

0
  1. #1
    Hey all,


    I have this problem with the header of my site, http://tinyurl.com/cxpkn5 . For people with a large 1680x1050 screen the header looks fine, like this:

    [​IMG]

    But for people with normal sized screens the header is waaaaay to big. I asked a friend of mine how I could fix it, and he said it had something to do with CSS but that he didn't know exactly how to fix this.

    So can anyone please help me with this? If anyone thinks he can fix this I'd be more than happy to give my FTP details, altho I'm using MyBB on my forum so I think you also need admin acces to my forum. I'm ofcourse willing to pay for someone to fix this, unless it's extremely simple.

    Thanks in advance..
     
    Deviancee, Apr 14, 2009 IP
  2. RadioBounce

    RadioBounce Banned

    Messages:
    4,171
    Likes Received:
    16
    Best Answers:
    1
    Trophy Points:
    0
    #2
    Set the height and width thingys?
     
    RadioBounce, Apr 14, 2009 IP
  3. RadioBounce

    RadioBounce Banned

    Messages:
    4,171
    Likes Received:
    16
    Best Answers:
    1
    Trophy Points:
    0
    #3
    Try setting the width to the width of the forum and the height to the height of the image because that doesn't really matter. Not sure but it probably will fix it.
     
    RadioBounce, Apr 14, 2009 IP
  4. RadioBounce

    RadioBounce Banned

    Messages:
    4,171
    Likes Received:
    16
    Best Answers:
    1
    Trophy Points:
    0
    #4 
    <div class="logo"><a href="http://tf2forum.com/index.php"><img src="http://tf2forum.com/images/orange/logo.png" alt="TF2 Forum" title="TF2 Forum" /></a></div>
			<!-- start: header_welcomeblock_guest -->
    Code (markup):
    Hmm... it might be in your css style...
     
    RadioBounce, Apr 14, 2009 IP
  5. mr_banks

    mr_banks Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    The reason that the image only looks good on screens that size is because it was designed for a screen that size. If you are going to use a single image for your header you have to decide what screen resolution you are designing for.

    If you want the header to be different for each screen resolution you would need to program some PHP or ASP.net so that you could read what screen resolution that your visitor had and then use a conditional statement to use the appropriate image. This however is not practical and would be more of headache than it is worth. The majority of people use a 1024 x 768. I would recommend resizing the image so that it fits that resolution or whatever resolution you think is best.

    If your forum resizes itself to fit the resolution of the screen make the background color of the header container the same orange as the border of your header image.
     
    mr_banks, Apr 14, 2009 IP
  6. Deviancee

    Deviancee Peon

    Messages:
    164
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Hmm.. is anyone here willing to change the width and hight of the fourm like AD7863 suggested? And perhaps even change the background color of the header to the same orange as the border of my header. I just want that my forum looks good for everyone, whatever screen they might have. I'm ofcourse willing to make a payment to the person that can realize this for me :).
     
    Deviancee, Apr 15, 2009 IP
  7. 007c

    007c Peon

    Messages:
    611
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #7
    You could just put the image as background and center it then both sides will be cut while it's shrunk.
     
    007c, Apr 17, 2009 IP
  8. beetech

    beetech Peon

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    use image as background
     
    beetech, Apr 18, 2009 IP