CSS divs positioning question

georgey12345 · #1 06-16-09, 03:43

I am designing a site with HTML and CSS. I cant position the divs correctly. Can someone tell me the correct code. Imagine 2 divs, one on the right and one the left, both of same heights. That is simple. But i would like one on the left and 3 on the right, and the height must add up back to that of the left.

Thank you so much for your help.

MutD · #2 06-16-09, 07:17

This should do it (only tested in Firefox)

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
  <body>

    <div style="float:left; background-color:red; width:50%; height:600px;">a</div>

    <div style="float:right;width:50%;">

      <div style="background-color:blue; height:200px;">b</div>
      <div style="background-color:yellow; height:200px;">c</div>
      <div style="background-color:green; height:200px;">d</div>
    </div>

</body>
</html>

Moving the inline styles into a css file is an exercise left for the reader

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Question about the correct protocol to get a question answered at Major Geeks	Maggie	Software	16	03-26-04 12:45