|
Posted by Jonathan N. Little on 01/13/07 03:22
Jeff Bowman wrote:
> Hello
>
> I'm trying to set a series of layers as a backdrop against a main layer in
> the foreground, but alas I'm not having much luck. The whole thing has got
> me considering going back to my old job of hunting water buffalo in New
> Jersey.
>
> Here's a quick link to what I've got so far:
>
> http://jeffbowman.com/layers/
>
> Any ideas?
1. Use doctype strict
2. Reorder your div's
3. Simplifly your CSS
BTW you don't need to comment your styles anymore...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<title>Stacked Layers</title>
<style>
body { background-color:#eeeeee; }
div.border {
border: 1px solid gray;
margin-left:25px;
width:200px;
}
div.blue {
background-color:blue;
width: 180px;
height: 80px;
margin: 10px;
margin-top: -90px;
}
div.red, div.white {
width: 100%;
height: 50px;
}
div.red {
background-color:red;
}
div.white {
background-color:white;
}
</style>
</head>
<body>
<div class="border">
<div class="red"></div>
<div class="white"></div>
<div class="blue"></div>
</div>
<p>reorder your DIVs</p>
</body>
</html>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|