SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    N00b having difficulties with 3-div layout

    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!
    Attached Images Attached Images

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    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
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah, I wasn't aware that attachments were pending approval here, thanks for pointing that out!

    Here's a link: Reference

    Thanks again

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Well show us your current attempt and we will show you where you have gone wrong/we will give pointers
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I posted a link above, here's the CSS I'm using for the right hand div:

    Code:
    #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

  6. #6
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just solved this

    Thanks Ryan, for your help!

  7. #7
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    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
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •