help with divs

Bryan792 · 04-10-2005, 12:30 AM

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 · 04-10-2005, 04:40 PM

... does anyone know?

Nitroshock · 04-10-2005, 04:45 PM

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 · 04-10-2005, 07:04 PM

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 · 04-10-2005, 10:39 PM

so it mite look like

by the colors:

[ [ ] [ ] ]

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

Bryan792 · 04-11-2005, 07:59 PM

???

genious · 04-26-2005, 11:27 PM

<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 · 04-30-2005, 09:20 AM

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 · 08-21-2005, 06:19 AM

04-10-2005, 12:30 AM	THREAD STARTER #1 (permalink)
Bryan792 NamePros Member Join Date: Dec 2004 Posts: 63	help with divs 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

04-10-2005, 04:45 PM	#3 (permalink)
Nitroshock NamePros Regular Join Date: Mar 2005 Posts: 503	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 __________________ Bored? Play FREE Games

04-10-2005, 10:39 PM	THREAD STARTER #5 (permalink)
Bryan792 NamePros Member Join Date: Dec 2004 Posts: 63	so it mite look like by the colors: [ [ ] [ ] ] the red is on top of the other two and is in the center Last edited by Bryan792; 04-10-2005 at 10:45 PM.

04-30-2005, 09:20 AM	#8 (permalink)
rimian New Member Join Date: Apr 2005 Location: Sydney Australia Posts: 12	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. __________________ Web Developer

08-21-2005, 06:19 AM	#9 (permalink)
Zubair1 NamePros Regular Join Date: Mar 2005 Posts: 912	<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> __________________ Live Support : Zubair11 [at] hotmail.com Free SEO Directory! \|\| Free Online TV \|\| Tech Blog Web Design & Web Development Services \|\| Reliable Web Hosting

04-10-2005, 04:40 PM	THREAD STARTER #2 (permalink)
Bryan792 NamePros Member Join Date: Dec 2004 Posts: 63	... does anyone know?

04-10-2005, 07:04 PM	THREAD STARTER #4 (permalink)
Bryan792 NamePros Member Join Date: Dec 2004 Posts: 63	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...

04-11-2005, 07:59 PM	THREAD STARTER #6 (permalink)
Bryan792 NamePros Member Join Date: Dec 2004 Posts: 63	???

04-26-2005, 11:27 PM	#7 (permalink)
genious Account Suspended Join Date: Apr 2005 Posts: 27	<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

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

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Tables or Divs	Jamison54	Web Design Discussion	7	01-30-2005 12:01 PM