Both questions relate to my site at http://seethefnews.com/ and can be
seen on the page http://seethefnews.com/index.cgi?action=topwords
1) Is there a way to get column sizing in pixels and percents to play
nice together? My base layout is set up with two columns in divs .main
and .nav, defined as:
div.main { float: right; width: 84%; }
div.nav { float: left; width: 15%; margin-right: 5px; }
This initially worked great, until I stuck some google ads into the nav
column. The ads have fixed widths (120 or 125 pixels), forcing that div
to be at least wide enough to accomodate them. This is no issue when
viewed in a maximized browser on a 1024x768 or larger desktop, but when
I bring it up on my N800 (800-pixel-wide screen), the columns overlap
each other.
This is fixable for all-text pages by simply removing the 84% width from
div.main, but most pages are based around a table[1] in .main and I
haven't been able to find a solution which prevents the overlap on small
screens without also either causing .main to appear below .nav or
causing horizontal scrolling.
The obvious ideal solution would be a way to set div.main's width to
"100% - 130px", but I'm pretty sure it can't be done quite that way.
2) On the page mentioned, note the "Influence" column, which is split
into 2 subcolumns for the current value and the change over the last 24
hours. This was basically done in an attempt to be able to
independently align each of the two sets of numbers. e.g.,
391.41 +66.40
10.00 0.00
560.59 +101.37
How would I go about producing this formatting without needing to split
the data into two separate <td>s?
[1] Before you go all "tables are EEEEEEEEEEEEEVIL!" on me, note that
I'm using them in div.main to display actual tabular data, not as a
misguided formatting gimmick destined to turn into a nested-five-deep
Quagmire of Doom.
--
News aggregation meets world domination. Can you see the fnews?
http://seethefnews.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
