www.webdeveloper.com
Results 1 to 3 of 3

Thread: Expanded header background

  1. #1
    Join Date
    Sep 2005
    Posts
    1,626

    Question Expanded header background

    I have set background for menu header with X-repeat like:
    #header1 {
    background: url("../images/header_background1.jpg") repeat-x scroll center top transparent;
    }

    Issue is the following:
    if I set banner on the right hand side under this header it will be top header background till size of display (X repeat). If I set banner larger than this display resolution it will not be top background expanded. How to solve this as currently it is EMPTY blank space for the difference. Should be image enlarged for the background (header_background1.jpg)?

  2. #2
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    repeat-x scroll center top transparent
    Don't really know what you are attempting to do.
    Please post a link to the on-line page and describe for us again what is displayed and how you would like to change that.
    EfV

  3. #3
    Join Date
    Sep 2005
    Posts
    1,626
    You see repeat-x scroll

    This will expand top header or menu background to the end of display resolution. As you set banner under this area it will position banner more than resolution (display).

    Can be expanded repeat-x scroll regardless to display resolution?

    I'm sorry website is testing and not published.

    Is it possible to set repeat-x scroll with MIN-MAX width in the future?

    See snap.
    Attached Images Attached Images
    Last edited by toplisek; 04-19-2012 at 02:52 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles