SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Sep 2001
    Location
    VA Beach, VA
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Center Background IMG in IE - CSS tweak

    I must be missing the obvious error in my CSS file.
    Background image placed in the body tag centers fine in Firefox but not in IE.

    body {
    background-image: url(../images/bg_pattern.png);
    background-repeat: repeat-y;
    background-position: top center;
    background-color: #fff;
    margin: 0;
    padding: 0;
    border: 0;
    color: #666666;}

    >>> CSS file attached.
    Thanks in advance!
    Attached Files Attached Files

  2. #2
    SitePoint Member
    Join Date
    Sep 2001
    Location
    VA Beach, VA
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Making progress. By moving the background image out of the body tag. I have been able to get a large header graphic & the repeating background image to both center in IE & Firefox.

    Now, however the background does not extend all the way down the page.
    Fix one thing, break another

    audienceengages dot com slash index_test2.php

  3. #3
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi JeanAlan, welcome to SitePoint!

    Quote Originally Posted by JeanAlan
    ...
    Now, however the background does not extend all the way down the page.
    audienceengages.com/index_test2.php.

    You could give the wrapper a viewport min-height.
    Code:
    html, body {
    	height: 100%;
    }
    
    #wrapper {
    	min-height: 100%;
    }
    
    * html #wrapper {
    	height: 100%; /*  for IE6; works as min-height when overflow is visible */
    }
    Happy ADD/ADHD with Asperger's


Bookmarks

Posting Permissions

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