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 3 of 3
  1. #1
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,855
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1

    Help me to layout my page with CSS

    Hi friends,

    I'm new to CSS and want to restructure a website using CSS, which is currently structured using tables.

    It has a lot of background images, and roughly follows a 4 column layout.

    Here is a picuture showing the current layout

    http://trials.casemumbai.com/trials/layout.jpg

    I'm using a single page to display all the contents corresponding each menu by changing the 'display' properties.

    So the main content area height varies accordingly.

    I want to adjust the other three columns' height as above.

    I messed up with the positioning of these items.

    Can I position them without using any tabels?

    Please give some advice/links to do this...

    Thanks in advance,

    art
    Last edited by abduraooft; 05-31-2007 at 05:32 PM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,855
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by abduraooft View Post
    I want to adjust the other three columns' height as above.
    Or can I assign the height of the other three columns as that of the main content height using javascript?

    (My problem is how to get the hieght of a column which varies with text).

    When I give 100% height to them, they go beyond footer, as they are positioned asolutely below the header (top:165px)

    Please help me...
    Last edited by abduraooft; 06-01-2007 at 12:41 PM.

  • #3
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by abduraooft View Post
    So the main content area height varies accordingly.

    I want to adjust the other three columns' height as above.
    What you need is may be faux columns.

    Essentially, in this technique, one uses a single vertically repeating background image to implement the background colors of the columns.


  •  

    Posting Permissions

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