CSS: Absolute Positioning problem
Posted: Tue Oct 14, 2003 9:48 pm
Say you have two boxes, one absolutely positioned at the right edge of browser and has a width of 150px, the other not absolutely positioned.
Box1 has a lot of content inside it.
Is there a way to alter the following CSS so that Box1's content drops down a line when it encounters Box2?
Body:
Boxes:
Thanks for any help provided?
Box1 has a lot of content inside it.
Is there a way to alter the following CSS so that Box1's content drops down a line when it encounters Box2?
Body:
Code: Select all
body {
margin: 0;
padding: 0;
}Code: Select all
#box1 {
margin: 0;
padding: 0;
border: 1px dashed black;
background: #999;
}
#box2 {
position: absolute;
top: 0;
right: 0;
width: 150px;
border: 1px dashed red;
background: #eee;
}