Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Aug 2005
    Posts
    364
    Thanks
    7
    Thanked 1 Time in 1 Post

    Question CSS Layout Help Needed Please !!!

    Please view the attached file. I want to design a div based CSS layout but dont know how to make that layout. Somebody plz help. Any live example
    Attached Thumbnails Attached Thumbnails CSS Layout Help Needed Please !!!-layout.gif  

  • #2
    Regular Coder
    Join Date
    Jun 2007
    Location
    N. Ireland
    Posts
    351
    Thanks
    16
    Thanked 4 Times in 4 Posts
    Are the small areas in the bottom left supposed to be separate elements?

    I would do something like:
    Code:
    <div id="top_pane">
     <div id="top_left"></div>
     <div id="top_right"></div>
    </div>
    <div id="bottom_pane">
     <div id="bottom_left"></div>
     <div id="bottom_right"></div>
    </div>
    Then CSS:

    Code:
    div#top_pane div#top_left {
     display: inline;
     float: left;
     width: /*WIDTH ENTERED HERE*/
    }
    div#top_pane div#top_right {
     display: inline;
     float: left;
     width: /*WIDTH ENTERED HERE*/
    }
    and the same for the bottom.
    You could float the div top_right to the right if desired.

    Hope this helps to get you started.

    D.
    Daemonkin.
    If this was helpful, please add to my reputation
    Thousand Sons - Freelance Web Developer - ninetyonedegrees.com


  •  

    Posting Permissions

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