Dreamweaver and Background Image problem...

Discussion in 'Web Design and Development' started by lia77, Apr 18, 2009.

  1. lia77 macrumors member

    Joined:
    Jul 23, 2007
    #1
    I would like to add a background image to a page in dreamweaver which is standing ( like a standing A4). I would like it to cover the whole content frame horizontally but so that you would have to scroll down to see the rest of it.

    However, when I picked the background picture, only half of it is visible, rest gets cut off (the scroll function is not there )

    Does anyone know how to a scroll function so that the whole background image is seen?

    I would be very thankful for a reply!

    Lia
     
  2. Me1000 macrumors 68000

    Me1000

    Joined:
    Jul 15, 2006
    #2
    edit the css

    have the style for body and set the min-height to the height of the image.

    Code:
    body{
     min-heigh:900px; /*where 900px is actually the height of the image.*/
    }
    
    I believe that will do it if I interpret your question correctly
     
  3. a cat *miaow* macrumors regular

    Joined:
    Jun 12, 2007
    #3
    Background images are purely that. If a DIV or page isn't big enough to show the whole image then you won't get a scroll bar – it'll just get masked because it's a background.
    What was done above is making sure the page is a certain size to make sure it's as big as the image in question to get around this. Just so you know the reasoning behind it :)
     
  4. lia77 thread starter macrumors member

    Joined:
    Jul 23, 2007
    #4
    Thanks!
    It works exactly the way I wanted it now!!:D

    (ps. min-heigh missed a t in the end though:) )
     
  5. Me1000 macrumors 68000

    Me1000

    Joined:
    Jul 15, 2006
    #5
    ah, my bad. Typed it at like 1220 in the morning! :)
     
  6. lia77 thread starter macrumors member

    Joined:
    Jul 23, 2007
    #6
    haha no problem, I really appreciate that you responded to me at all at that time in the morning:D

    Thanks alot, my website looks much nicer now:)
    Have a good day!

    (www.thedreamdayproject.com)
     

Share This Page