Background help coding

Discussion in 'HTML & Website Design' started by ElementalDesigns, Aug 16, 2008.

0
  1. #1
    Hey,

    I'm making a portfolio for myself and have a question.

    I will make a 800x600 image, like background and all, and the background is like a nice image, only problem is, for people running screen sizes above 800x600 would they see all white around it?

    I though of an idea, making the outsides of the image, a straight colour, grey for example, and set the background colour grey in the coding.

    Would this work? If not, what could I do
     
    ElementalDesigns, Aug 16, 2008 IP
  2. CJ1

    CJ1 Peon

    Messages:
    37
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    If you want to have more than just the image, then make it much wider (for example 1024), BUT make sure your 800x600 main background is in the absolute centre. For example, add 112px of whatever you want to one side, and the same to the other.

    Then, add this CSS to the <head> to display your background:
    <style type="text/css">
body {
background-image'http://your.url');
background-position:center;
</style>
    HTML:
    What that code does is centers your image, so that the extra bits you added to the left and right of the image won't be displayed on an 800x600 screen.

    Hope this helps ,

    CJ
     
    CJ1, Aug 17, 2008 IP