Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Jun 2012
    Posts
    137
    Thanks
    1
    Thanked 1 Time in 1 Post

    Having background image PROBLEM

    Hello,

    I am running into a strange problem. On another person's computer, on a different network, one of my div images is not showing up, I only see the 'filler' text in that div. All of the other styles seem to be working fine. I don't believe that tt's not a compatability view issue.

    Here's some code but I'm wondering if there's a local browser issue I'm missing. If it is a local setting preventing this image from being place, why am I not seeing any kind of alert?

    Code:
    <div id="fixedDiv">
    		<div id="classificationHeader">
    			<div id="centerClassifDiv"><p id="classificationText">Classification</p></div>
    			<p>filler</p>
    			
    		</div>
    	
    		<div id="banner" class="bannerImage"></div>
    
    		<div id="courseTitle"></div>
    		<div id="blockTitle"></div>
    		<div id="pageTitle"></div>
    		<!-- only displays if value passed for module_data.xml: block_text -->
    		<div id="headerBlockContainer" class="blockLabel" ></div>
    	</div>
    Code:
    #banner {
    	position:absolute;
    	top:20px;
    	left: 0px;
    }
    
    .bannerImage{
    	background:#ffffff url('../course_assets/banner2.png')no-repeat;
    	height: 88px;
    	width: 100%;
    }

  • #2
    Regular Coder stevenmw's Avatar
    Join Date
    Jun 2007
    Location
    OK
    Posts
    497
    Thanks
    27
    Thanked 31 Times in 31 Posts
    Which DIV is the broken one?

  • #3
    Regular Coder
    Join Date
    Jun 2012
    Posts
    137
    Thanks
    1
    Thanked 1 Time in 1 Post
    Quote Originally Posted by stevenmw View Post
    Which DIV is the broken one?
    id="banner"

  • #4
    Regular Coder stevenmw's Avatar
    Join Date
    Jun 2007
    Location
    OK
    Posts
    497
    Thanks
    27
    Thanked 31 Times in 31 Posts
    Do them separate.

    Code:
    <div id="banner"> </div>
    <div class="bannerImage"> </div>


  •  

    Posting Permissions

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