Submit Your Article Forum Rules

Results 1 to 5 of 5

Thread: A CSS question

  1. #1
    Senior Member Dragonsi's Avatar
    Join Date
    Dec 2003
    Posts
    343

    A CSS question

    Hi all,

    I am curretnly in the middle of designing a new site (nothing online yet) and have discovered a formatting problem that I hope can be resolved with a simple CSS command.

    The site has a header table at the top and then the main content table below is split into 2 columns. The left hand side is for the main content and the right hand column has within it another table that is formatted by CSS and contains the site links etc. My problem is that when the main content grows beyond the height of the right hand site links table, the right hand site links table does not expand to match the height of the main content and a white space is produced below the site links table.

    Is there a CSS command that allows this right hand table to remain the same height as the main content table?

    If I have not explained this easily enough, I can put a page up for you to see what I mean...
    www.westwalesweb.com
    Website development & ICT solutions.

  2. #2
    WebProWorld MVP
    Join Date
    Aug 2003
    Posts
    1,039
    If I'm understanding you, then I normally fix this by setting the background colour/image on the containing element, i.e. you colour up the cell holding the links table to mask the fact that the links tables is short.

  3. #3
    Senior Member
    Join Date
    Apr 2005
    Posts
    616
    Quote Originally Posted by speed
    If I'm understanding you, then I normally fix this by setting the background colour/image on the containing element, i.e. you colour up the cell holding the links table to mask the fact that the links tables is short.
    Thats what I would do as well. So it'd be

    Code:
    <div class="wrapper">
     <div class="left_column">text</div>
     <div class="right_column">links</div>
    </div>

  4. #4
    Just a test post, I haven't posted in a while.

    But that css call will work.

    Daniel

  5. #5
    Senior Member Dragonsi's Avatar
    Join Date
    Dec 2003
    Posts
    343
    I think I have solved this issue, I split the right hand links coloum into 2 rows and placed a table in the top row and one in the bottom, the top table was then given an align="top" while the bottom was given a align="bottom".

    In case you are totally confused, please take a look at..

    www.testsite2.dragonsi.co.uk/links

    Note the blue column on the right, no matter how much you change the res of the window, this coloumn should remain 100% of the height.... Please let me know if it doesn't.

    PS - there are only a few pages currently present on this site.
    www.westwalesweb.com
    Website development & ICT solutions.

Similar Threads

  1. Replies: 35
    Last Post: 07-25-2009, 11:11 AM
  2. Question
    By jonbyrd in forum IT Discussion Forum
    Replies: 3
    Last Post: 06-08-2008, 01:04 PM
  3. a question
    By Kinembe in forum Google Discussion Forum
    Replies: 1
    Last Post: 05-09-2007, 03:03 PM
  4. CSS Question
    By chrisJumbo in forum Web Programming Discussion Forum
    Replies: 5
    Last Post: 04-14-2007, 06:55 PM
  5. CSS Question
    By chrisJumbo in forum Web Programming Discussion Forum
    Replies: 5
    Last Post: 04-07-2007, 03:01 AM

Posting Permissions

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