Results 1 to 4 of 4

Thread: Breaking a background image out of its div

  1. #1
    Join Date
    Aug 2009
    Location
    charset utf-8
    Posts
    135
    Thanks
    4
    Thanked 5 Times in 5 Posts

    Default Breaking a background image out of its div

    Pretty much self explanatory. I have a div that has a background image, but I am trying to use z-index to make that background of the div go behind the content so it "breaks out" of its box and fills up the desired are instead of the little box

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,933
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    9

    Default

    Please post a link to your page - its difficult to understand what you're trying to do without an example.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Aug 2009
    Location
    charset utf-8
    Posts
    135
    Thanks
    4
    Thanked 5 Times in 5 Posts

    Default

    Well I dont have a link because it isn't hosted yet, but I have a part of it.
    Code:
    	<div id="small-box-container">
    		<div id="small-box1" class="small-box">Small-Box #1</div>
    		<div id="small-box2" class="small-box">Small-Box #2</div>
    		<div id="small-box3" class="small-box">Small-Box #3</div>
    	</div>
    
    <style>
    #small-box-container {
    	padding: 20px;
    	width: 300px;
    	height: 200px;
    	overflow: hidden;
    }
    	
    .small-box {
    	color: #fff;
    	padding: 10px;
    	width: 200px;
    	height: 200px;
    	margin: 0 0 50px 0;
    }
    #small-box1 {
    	background: url("http://wallzpoint.com/wp-content/gallery/cool-background/cool-background_005.jpg") no-repeat;
    
    	/* How can I get this to fill the whole page while still maintaining the div structure? */
    }
    </style>
    So it would kind of like having the background of the div be the background of the page. Like instead of having body-background: url(...... the div would replace that background.

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,933
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    9

    Default

    You could use one of these methods to put the image into the background: http://css-tricks.com/perfect-full-p...kground-image/

    I dont understand what the small div has got to do with it though, other than you using the same image as a background for both elements.

    If you need more help, please post a link to your page - upload the page to a temporary locations that you can delete afterwards.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

Similar Threads

  1. Background Image Carousel won't load stuck on black background
    By accessotronik in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 10-15-2012, 02:23 PM
  2. Background Image Carousel background-size: cover; is not working
    By kerriluo in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 02-12-2012, 09:38 PM
  3. Replies: 0
    Last Post: 01-10-2012, 04:27 PM
  4. Replies: 0
    Last Post: 03-13-2010, 12:19 AM
  5. breaking news xrumer blast breaking captcha code
    By GefsIllishemi in forum The lounge
    Replies: 0
    Last Post: 01-22-2010, 05:13 PM

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
  •