SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: css x-repeat

  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2010
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    css x-repeat

    Hi sitepoint css fans

    I have three divs the back-logo floats left of browser the back-outside floats right what I want to achieve is if the browser shrinks then the back-filler shrinks can this be done?

    Code:
    #back-logo{
    	float:left;
    	width:510px;
    	height:277px;
    	background:#000000 url(header.jpg) no-repeat; 
    }
    #back-filler{
    	float:left;
    	width:65%;
    	height:277px;
    	background:#000000 url(filler.jpg) repeat;
    }
    #back-outside{
    	float:right;
    	width:145px;
    	height:277px;
    	background:#000000 url(outside.jpg) no-repeat; 
    }
    Code:
    div id="back-logo">
    </div>
    <div id="back-filler"></div>
    <div id="back-outside"></div>

  2. #2
    SitePoint Enthusiast
    Join Date
    Nov 2010
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    fixed it
    <div id="back-filler">
    <div id="back-logo"></div>
    <div id="back-outside"></div>
    </div>

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,165
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    There may be better ways to do this, depending on what you are trying to achieve. You could put the two floated divs above the middle div and place left and right margins on the middle div to stop it hitting the floated ones.

  4. #4
    Non-Member
    Join Date
    Sep 2007
    Posts
    148
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sounds like you could just use CSS3 with a 3-part background for the logo.


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
  •