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)

 
.centralbranches {
	position: absolute;
	left: 220px;
	top: 190;
	width: 65%;
	background-color: #EEDCF5;
 
	}
#centralbranchestext{
	margin-left: 6%;
	margin-right: 8%;
	margin-top: 40;
	margin-bottom: 259;
	z-index:10;
 
	color: #333333;
}
#branchesbot{
	background-image: url(Background/BranchBottoms.gif);
	position: absolute;
	height: 259px;
	width: 100%;
	bottom: 0px;
	clear: both;
	float: left;
 
}

[html]
<div class="centralbranches">
<div id="centralbranchestext">
...copy...

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

any help much appreciated

Anax

Similar Threads

clear stream in C
getting text to float in HTML and CSS
Interpretation of an instructors C++ program... in C++
Need help with DirectX code in C
Clear getchar in a loop in C

Anax

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

24 posts
since Mar 2006

Permalink

Jun 2nd, 2006

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.

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

Permalink

Jun 5th, 2006

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)

#branchesbot{
	background-image: url(Background/BranchBottoms.gif);
	position: absolute;
	height: 277px;
	bottom: 0px;
	width:158%;
	left:-227px;
	margin-bottom:-9px;
}

cheers
anax

Anax

Reputation Points: 10

Solved Threads: 0

Newbie Poster

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.

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

DaniWeb Message

Cancel Changes

User Name
Password