Jump to content

Having Trouble With Columns


cheapskatemate

Recommended Posts

I'm having trouble with the columns on this page:http://www.financialcharting.com/eza/searc...%2Bteddy%2BbearIt's the table with two columns containing Google and Yahoo data.Each column is a bit too thin and there is wasted white space next to each. That is due to table-layout:fixed;word-wrap:break-word;However, if I take out that css code, the columns become too wide and overflow the boundaries.Does anyone know how I can get rid of the white space without letting the content overflow outwards.

Link to comment
Share on other sites

Here are a few good articles on liquid layout columns using CSS and HTML:http://matthewjamestaylor.com/blog/perfect...n-left-menu.htmhttp://www.maxdesign.com.au/articles/css-layouts/two-liquid/http://inobscuro.com/tutorials/common-layout-codes-29/Without digging through all that code, it helps to set padding and margins to 0 to get rid of extra white space.

Link to comment
Share on other sites

Specifically, what part of your code is the problem?
The part of my code is :
<table style="table-layout:fixed;"><tr><td valign="top" width="50%"><a name="google_serps_summary"></a><h2>Google Search Results Summary</h2><a href="http://www.google.com/search?q=how+to+make+your+own+teddy+bear">Search Yourself</a><table style="table-layout:fixed;word-wrap:break-word;" class="sticky-enabled">  <thead><tr><th>Result Details</th><th>Page Rank</th> </tr></thead> <tbody>

So I have a table within a table. The second table only uses around 60% of the <td> tag that it within.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...