N00b having difficulties with 3-div layout

HTML & CSS
1

Hi there,

I’ve just started learning CSS, and have come up against this problem which I’m having trouble overcoming - attached image should be self-explanatory.

Obviously, the top of the right hand side div should be aligning with the top of the left hand side.

How would I go about coding this correctly?

Cheers! :slight_smile:

2

Hi, instead of having us wait for the attached image, could you post a directlink to the image here? Use tinypic to upload it if you wish :slight_smile:

3

Ah, I wasn’t aware that attachments were pending approval here, thanks for pointing that out!

Here’s a link: Reference

Thanks again :slight_smile:

4

Well show us your current attempt and we will show you where you have gone wrong/we will give pointers :slight_smile:

5

I posted a link above, here’s the CSS I’m using for the right hand div:

#projects {
 width: 500px;
 height: 720px;
 background: #fff;
 margin: 0 20px 0 20px;
 padding: 10px;
 border: 1px solid #e2e2e2;
 float: left;
}

This div is contained in an additional wrapping div also.

Any help appreciated :slight_smile:

6

Just solved this :slight_smile:

Thanks Ryan, for your help!

7

Yes you posted a link to the image of the layout, you didn’t however post a link to the code you were working with :).

Glad you got it solved, whatever your problem(s) were :slight_smile: