www.webdeveloper.com
Results 1 to 6 of 6

Thread: CSS layout, tricky!

  1. #1
    Join Date
    Aug 2004
    Posts
    1

    CSS layout, tricky!

    hello, im new here (obviously) and i've been looking at CSS as a way of designing my layout. Unfourtuantly i just can't get it right. if someone could explain how to get this layout into CSS (no tables) i would be extremly happy!

    http://www.synet.eclipse.co.uk/ianswww.jpg

    where there is the gap on the right hand side i will be implementing a flash presentation there. The layout needs not to flex and just stay centered as it is in the image. The 3 content boxes will have text in them and the bottom left dark gray one will flex downwards the more content needed.

    If anyone can send my in te right direction on how to get this layout CSS-a-lized i would be most greatfull.

    thank you
    Mark

  2. #2
    Join Date
    Jul 2003
    Location
    Wales
    Posts
    1,382
    Well, you would either use position: reletive or position: absolute

    With absolute you'd hve to work with positioning elements by luck by trying out combinations of these to position the elements:

    position: absolute;
    top: Number;
    left: Number;
    right: Number;
    bottom: Number;


    In the end you'll position all the elements you need
    I also suggest you see this: http://www.w3schools.com/css/default.asp



    RyanJ
    Cheers,

    Ryan Jones.

  3. #3
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,755

  4. #4
    Join Date
    Jul 2004
    Location
    Sendai, Japan
    Posts
    1,273
    Crazy picture you've got there.
    I'd like to help, but is there anything more specific to work with?
    (No expert myself by the way, but capable)

  5. #5
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,755

  6. #6
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,755
    Try this out. It works in Mozilla and Opera 7.2. IE-Win has a small issue with the lower right content box where it seems to display it too wide, but it doesn't break the layout. People are welcome to find the bug and fix it. I'm out.

    EDIT: I've got an image-sliced PSD file if you want that. I'd have to email it to you since it's a little over 300K in size.
    Attached Files Attached Files

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles