Please look at [url]www.ecolibrio.com/new.html[/url] and you’ll see that Layer 1 (red box) has content that overlaps into layer 2 (black box). What i want to do is when i type in content into layer 1 that it pushes down layer 2. Right now, layer 2 just sits there and layer 1’s content is overlapping. I’ve tried clear:left and clear:both on layer 2 but doesn’t work.
also i want the content to stay inside the red box
@WebJoelFeb 10.2007 — #You don't need to "clear" anything because you did not "float" anything. But you did declare both DIVs as being "position:absolute;". This places them 'outside of the document flow'. This means that they exert no 'pressure' upon any element around them, so the first one cannot 'push the second one down' as it expands.
Here, -try this instead:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"