Help with divs

[Bryan792]

how do i make the code to first of all put two divs side by side with a width of 50 percent each and then in the center , but not in between...so like on top of them, put another div with wodth 768px

THANKS

oh and make all three the same height

 

[Bryan792]

... does anyone know?

 

[Nitroshock]

You can look into the z-index property of CSS. Z-index allows you to position your elements on top of each other. So you would be able to throw the larger DIV on top of the two smaller DIVs. Not sure if this is what you're looking for.

-Nitro

 

[Bryan792]

its not that...
its i dont know how to put 1 div on top of two other divs and not on top of just 1
i want the large div to always be in the center and i want the 2 below it to always fit the whole page...so a width of 50 percent...

 

[Bryan792]

so it mite look like

by the colors:

[ [ ] [ ] ]

the red is on top of the other two
and is in the center

 

[Bryan792]

???

 

[genious]

<div style="Z-index:3;768">
<div style="width:50%;height:100;></div>
<div style="width:50%;height:100;></div>
</div>

if you want to center this you could use the <center></center>

I hope that has been helpfull in any way let me know if you need any more help

 

[rimian]

those two div tags will end up below each other. they won't end up the same height unless you tell them to be 100% of something. if you're making two columns use a table. that's what they're designed for. i know they are unfashionalble at the moment but they'll make a comeback.

 

[Zubair1]

<table cellpadding="0" cellspacing="0" border="0">
<td><div style="width:50%;height:100;></div> </td>
<td><div style="width:50%;height:100;></div></td>
</table>