944,043 Members | Top Members by Rank

Ad:
May 30th, 2006
0

clear both? float?

Expand Post »
Hia,
I'm trying to get a repeating image running along the bottom of the screen, starting when the central text stops. I feel I'm close...
http://www.awordinyourear.net/Links/

the code I've got now is;
HTML and CSS Syntax (Toggle Plain Text)
  1.  
  2. .centralbranches {
  3. position: absolute;
  4. left: 220px;
  5. top: 190;
  6. width: 65%;
  7. background-color: #EEDCF5;
  8.  
  9. }
  10. #centralbranchestext{
  11. margin-left: 6%;
  12. margin-right: 8%;
  13. margin-top: 40;
  14. margin-bottom: 259;
  15. z-index:10;
  16.  
  17. color: #333333;
  18. }
  19. #branchesbot{
  20. background-image: url(Background/BranchBottoms.gif);
  21. position: absolute;
  22. height: 259px;
  23. width: 100%;
  24. bottom: 0px;
  25. clear: both;
  26. float: left;
  27.  
  28. }
[html]
<div class="centralbranches">
<div id="centralbranchestext">
...copy...


</div>
<div id="branchesbot"></div>
</div>
[/html]

any help much appreciated

Anax
Similar Threads
Reputation Points: 10
Solved Threads: 0
Newbie Poster
Anax is offline Offline
24 posts
since Mar 2006
Jun 2nd, 2006
0

Re: clear both? float?

Research the "background-image" and "background-repeat" CSS declarations.

Edit: sorry, I see you are using background-image. But "background-repeat" is likely what you want instead of float/clear.
Team Colleague
Reputation Points: 227
Solved Threads: 37
Made Her Cry
tgreer is offline Offline
1,697 posts
since Dec 2004
Jun 5th, 2006
0

Re: clear both? float?

Thanks Mr. Greer but I tried the 'background-repeat' and couldn't get it to work. Below is the best I could get... not very elegant but seems to work for IE and Firefox:
HTML and CSS Syntax (Toggle Plain Text)
  1. #branchesbot{
  2. background-image: url(Background/BranchBottoms.gif);
  3. position: absolute;
  4. height: 277px;
  5. bottom: 0px;
  6. width:158%;
  7. left:-227px;
  8. margin-bottom:-9px;
  9. }
cheers
anax
Reputation Points: 10
Solved Threads: 0
Newbie Poster
Anax is offline Offline
24 posts
since Mar 2006

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: auto emailing code
Next Thread in HTML and CSS Forum Timeline: Totally new to html, css questions





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC