1 reply [Last post]
kiwis
kiwis's picture
Offline
Enthusiast
Last seen: 1 year 18 weeks ago
Timezone: GMT+12
Joined: 2009-03-07
Posts: 68
Points: 108

I want my white-frame to sit at the bottom of my landing div. how can I do this?

.landing{
	float: left;
	width: 100%;
	width: 980px;
	height: 595px;
	background-image:url("background/img3.jpg");
	background-repeat:no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior: url(csspie/PIE.htc);
}
 
.white-frame {
	height: 0; 
	width: 960px;
	border-bottom: 50px solid white;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	opacity: 0.1;
	filter:alpha(opacity=10);
	float: none;
}

<div class="landing">
	<div class="white-frame">Testing</div>
 
	<div class="blue">another div</div>
</div>

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 12 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Hi kiwis, If you add

Hi kiwis,
If you add position:relative to .landing, you can then position the .white-frame at the bottom either relative or absolutely.

You have given it a height of 0; so there won't be much to see.