SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Dec 2005
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Background image problem

    I'm trying to have a backround image in the top right hand corner and then a border image appear all the way down the right hand edge.

    This is working fine in Firefox however in IE 6 the first image that appears top right corner is appearing over the text (covers the text on the page) If you highlight the text it becomes visable.

    Any help would be greatly appreciated.

    Code:
    div#content {
    	margin: 0 0 0 0; padding: 0 23px 0 19px;
    	background: url(/images/elements/content_bg.gif) right repeat-y;
    	background: url(/images/content-background2.jpg) top right no-repeat;
    	}
    {
    Thanks in advance

  2. #2
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    2 background images on one container ? maybe the latest Safari ? will do this , but no other Browser

  3. #3
    SitePoint Member
    Join Date
    Dec 2005
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have you got any suggestions as to how I can solve the problem using a different work around?

  4. #4
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You'll have to apply your images to two different elements. The repeating one will need to go on the element that contains the whole thing, but the one that goes top right could be attached to the element that appears first inside the container. A look at your HTML would give a better idea though.


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
  •