Sent by Phoebe Taylor on 30 March 2008 21:09
Started playing with absolute positioning and trying to nudge down
each block with that.
#content .box1 {
position: absolute;
margin-left: 0;
top: 100px;
}
#content .box2 {
position: absolute;
margin-left: 0;
top: 400px;
}
#content .box3 {
position: absolute;
margin-left: 0;
top: 700px;
}
#content .box4 {
position: absolute;
margin-left: 0;
top: 800px;
}
#content .box5 {
position: absolute;
margin-left: 0;
top: 900px;
}
#content .box6 {
position: absolute;
margin-left: 0;
top: 1000px;
}
#content .tall { height: 200px; position: absolute; top: 200px;
margin-left: 0; }
#content .tall2 { height: 200px; position: absolute; margin-left: 0;
top: 500px; }
</style>
</head>
<body>
<div id="content">
<div class="box"></div>
<div class="box1"></div>
<div class="box tall"></div>
<div class="box2"></div>
<div class="box tall2"></div>
<div class="box3"></div>
<div class="box4"></div>
<div class="box5"></div>
<div class="box6"></div>
<div>
As you said, it leaves wide vertical spaces between each div which is
hardly the effect you want. I am very curious as to what you wish to
do in these divs.
Phoebe
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/