div with 4 different parts to it

[brown2005]

I want to have a div which is 100% and say about 100 px high...

 

top-left (image)

bottom-left (slogan)

 

top-right (text)

bottom-right (text)

 

how do i position them all.. i think i should use

 

image

h1

 

<div>

<div>

 

is this correct and how do i position them in the correct places..

 

thanks

[dropfaith]

you get the idea this is just a basic example will need some work

 

<style type="text/css">
  div.contain {width:100%;height:100px;}
div.left {width:NUMBER;float:left}
div.right {width:NUMBER;float:right}

</style>
<div class="contain">
    <div class="left">
           <div> Infor from top</div>
           <div> Infor fro bottom</div>
   </div>
     <div class="right">
           <div> Infor from top</div>
           <div> Infor fro bottom</div>
   </div>
</div>

[BoltZ]

For future notice people will get picky at you for the bb code tags. If you have an idea then put the code in them