Dynadot — .com Registration $8.99

Stacking Divs?

Spaceship Spaceship
Watch

iMersky

Account Closed
Impact
0
I'm coding a layout and I ran into a little trouble hopefully someone could help me out.

Code:
#design {
	background: transparent;
	width: 1059px;
}
#example {
	display:block;
	position: absolute;
	background: transparent url(images/example.png);
	height: 217px;
	width: 589px;
}
#latest {
	float: right;
	background: transparent url(images/latest.png) no-repeat;
	height: 28px;
	width: 470px;
	padding-top: 10px;
}
.latesttext {
	font: 11px Tahoma, Geneva, sans-serif;
	color: #4e4e4e;
	padding-left: 215px;
}
#client {
	float: right;
	background: transparent url(images/client.png) no-repeat;
	height: 46px;
	width: 470px;
	margin-top: 40px;
}

HTML:
<div id="design">
    	<div id="example">
        </div>
        <div id="latest">
        	<span class="latesttext">LATEST PROJECT 5.22.09</span>
        </div>
        <div id="client">
        </div>
    </div>

Alright now what I'm trying to do is get the div client to stack under the div latest which is to the right of the example div.

The code I used aligns the div example and div latest perfectly but I cant get the div client to show up at all.
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
.US domains.US domains
Have you tried positioning using either relative or absolute mode ?
 
0
•••
I'm not sure if I totally understand the question, what you mean by stacking, by underneath do you mean literally one div layered underneath the other or just below it?
try changing #client to this:
HTML:
#client {
	float: right;
	clear:both;
	background: transparent url(images/client.png) no-repeat;
	height: 46px;
	width: 470px;
	margin-top: 40px;
}
 
0
•••

We're social

Unstoppable Domains
Domain Recover
DomainEasy — Live Options
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back