Log in

View Full Version : table and liquid layout



fedegrafo
06-26-2008, 07:14 AM
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 :)

harryknight
06-27-2008, 09:22 AM
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.

fedegrafo
06-27-2008, 10:08 AM
Thanks harryknight,

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

Bye

harryknight
06-29-2008, 08:42 AM
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;
}

fedegrafo
07-01-2008, 07:43 AM
Thanks for the code, but this won't help me ...