Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    What I am trying to do is get an image to be repeated down the left hand side of the browser window using css.

    I can, to a point. There margin and padding cause the image to not be flush, so I null them, and the image then goes where I want it.

    However then I add more content (like my content div) and it goes beneath the image. Not cool.

    So I have tried float: left and display: inline to no joy.

    Any tips?

    Code:
    HTML Code:
    	<style type="text/css" media="screen">
    
    	    body
    	      {
    		margin-top: 0;
    		margin-left: 0;
    		padding-top: 0;
    		padding-left: 0;
    	      }
    
    	   #left_image
    	      {
    		background-image: url(images/top_left_margin.gif);
    		background-repeat: repeat-y;
    		min-height: 500px;
    		float: left;
    	      }
    
    	   #content
    	      {
    		display: inline;
    	      }
    
    	</style>
    HTML Code:
    	<div id="container">
    	<div id="left_image"></div> <!-- Left banner div -->
    	<div id="content">lorem</div>
    	</div>
    Edit: think I got it. I put my content div inside the left_image

  2.  

  3. #2
    Senior Member Ferro's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    386
    Member #
    14204
    Liked
    5 times
    Edit - do you mean you tried floating the content div left or the left image div left? Or both?

  4. #3
    Member
    Join Date
    Jun 2007
    Location
    Scotts Valley, CA
    Posts
    49
    Member #
    15405
    Hi Bfsoq,

    Why not just put the background image on the body? That seems like the cleanest solution.

    Cheers,

    K.

  5. #4
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    Haha, that did not even cross my mind. Cheers


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:37 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com