stacking divs

Bryan792 · 04-13-2005, 11:19 PM

how do i stack 1 div ontop of two...not ontop of one but both...

branwen · 05-08-2005, 08:13 PM

Something like this?

In the CSS:

div.all { margin: 5px; width: 704px; height: 404px; border: 1px solid black; }
div.top { margin: 0px; width: 702px; height: 200px; border: 1px solid black; }
div.left { float: left; margin: 0px; width: 350px; height: 200px; border: 1px solid black; }
div.right { float: left; margin: 0px; width: 350px; height: 200px; border: 1px solid black; }

In the HTML body:

<div class="all">
<div class="top"></div>
<div class="left"></div>
<div class="right"></div>
</div>

04-13-2005, 11:19 PM	THREAD STARTER #1 (permalink)
Bryan792 NamePros Member Join Date: Dec 2004 Posts: 63	stacking divs how do i stack 1 div ontop of two...not ontop of one but both...

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
help with divs	Bryan792	Programming	8	08-21-2005 06:19 AM
Tables or Divs	Jamison54	Web Design Discussion	7	01-30-2005 12:01 PM

05-08-2005, 08:13 PM	#2 (permalink)
branwen NamePros Member Join Date: May 2005 Location: Texas Posts: 25	Something like this? In the CSS: div.all { margin: 5px; width: 704px; height: 404px; border: 1px solid black; } div.top { margin: 0px; width: 702px; height: 200px; border: 1px solid black; } div.left { float: left; margin: 0px; width: 350px; height: 200px; border: 1px solid black; } div.right { float: left; margin: 0px; width: 350px; height: 200px; border: 1px solid black; } In the HTML body: <div class="all"> <div class="top"></div> <div class="left"></div> <div class="right"></div> </div>

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)