Results 1 to 5 of 5

Thread: table and liquid layout

  1. #1
    Join Date
    Jun 2008
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default table and liquid layout

    Hi Everyone, I have a problem with a table in a liquid layout.
    The layout is made by a left column (200px) and a right liquid colum. Body has a margin (left-right 5%) to ensure the liquidity.
    Inside the right column I have a div (width auto) containing a table. When the table is rich of data and so it grows in width, It breaks the layout. So it'is no more contained in the box and the left part of the table has no background color (of table containing div).

    Here is the code (incorporated css)
    http://www.fedegrafia.com/forum/tabella_css.htm

    Is it possible that table enlarges the right-column?

    Thanks for help Fedegrafo

  2. #2
    Join Date
    Feb 2006
    Posts
    39
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Hi Fedegrafo,
    As no-one seems to have answered...can't understand why..........I am only a newish-bie! ;-))

    I have looked at your site and I too have the same problem with some pages. I have used #fullcontent for this and done away with my menu on those pages. I do have a top menu too which will take you 'home'. I don't know of another way to correct this.

    If this is of interest I will send you my css.

  3. The Following User Says Thank You to harryknight For This Useful Post:

    fedegrafo (06-27-2008)

  4. #3
    Join Date
    Jun 2008
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks harryknight,

    I'm pleased if you send me your code in order to understand something more!

    Bye

  5. #4
    Join Date
    Feb 2006
    Posts
    39
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Hi there,

    How correct this is I don't know, but for what its worth:-

    #content {
    margin-left: 240px;
    text-align: left;
    color: #000000;
    vertical-align: top;
    }
    #content ul li {
    list-style-image: url('../images/green-bull1.gif');
    margin: 2px;
    padding: 2px;
    }
    #content li li {
    list-style-image: url('../images/green-bull2.gif');
    padding: 2px 0;
    }

    /* =========================
    full width content styling
    ========================= */
    #fullcontent {
    background-color: #FFFFFF;
    color: inherit;
    }

  6. #5
    Join Date
    Jun 2008
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the code, but this won't help me ...

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
  •