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 2 of 2
  1. #1
    SMC
    SMC is offline
    New Coder
    Join Date
    Jun 2007
    Location
    Orlando, FL
    Posts
    60
    Thanks
    5
    Thanked 2 Times in 2 Posts

    Question Right column background not repeating :(

    Hiya,

    I'm SO close to finishing my layout but this darn right column keeps getting in my way:

    Pitcha: http://img521.imageshack.us/img521/7533/needhelpud4.jpg

    Here is the releavent code:

    Code:
    #wrap {
    
    	position: relative;
    	background: url( '../images/nav/wood_repeat.jpg' ) top left repeat-y;
    	min-height: 100%;
    
    }
    
    #left {
    
    	float: left;
    	width: 150px;
    	text-align: left;
    
    }
    
    #main {
    
    	position: relative;
    	margin-left: 160px;
    
    }
    
    #right {
    
    	background: url( '../images/nav/wood_repeat.jpg' ) repeat-y;
    	float: right;
    	width: 150px;
    	text-align: left;
    
    }

    HTML:

    Code:
    <div id="wrap">
    
    <div class="header-repeat">
    
    	<img src="myImage" alt="" />
    	
    </div>
    
    <div id="inner-wrap">
    
    	<div id="left">
    		
    		<div class="align-center">
    			
    			<div class="a125x125">
    			
    				<img src="images/125_ad.jpg" alt="Advert" />
    			
    			</div>	
    			
    		</div>
    	
    		<div class="nav-content">	
    		
    			<span class="nav-section">GUIDES</span>
    			<br />
    		
    			<div class="nav-links">
    				<a href="" class="nav-link">Lol</a>
    				<br />
    				<a href="" class="nav-link">Lol</a>
    			</div>
    	
    		</div>
    	
    	</div>
    	
    	<div id="right">
          
          	<div class="nav-content">
          	
          		Ad
          
          	</div>
          
    	      <div class="nav-content">	
    		
    			<span class="nav-section">GUIDES</span>
    			<br />
    		
    			<div class="nav-links">
    				<a href="" class="nav-link">Lol</a>
    				<br />
    				<a href="" class="nav-link">Lol</a>
    			</div>
    	
    		</div>
    
          </div>
        
        <div id="main">
    I'd really appreciate any help you can offer, I just don't understand!

    Thanks!!
    -Smc

  • #2
    SMC
    SMC is offline
    New Coder
    Join Date
    Jun 2007
    Location
    Orlando, FL
    Posts
    60
    Thanks
    5
    Thanked 2 Times in 2 Posts
    Fixed! Nested divs ftw. Allowed me to do two background repeats, a top left and a top right


  •  

    Posting Permissions

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