This is a common CSS mistake. Text-containing regions should either have
a
width of auto, should have a width measured in exes or ems, or (in rare
cases) have overflow-x set to scroll. Measuring widths in pixels or
points
or inches or any other unit not related to the font size is just asking
for
trouble. Sadly, it is the common case.
I’m not a CSS/HTML designer by any measure. I needed a two column layout
where the right column could expand and the left hand column can too.
Wasn’t sure how to achieve that. If you (or any other CSS wizard) can
send me a layout that does that, I’ll implement it pronto!
On Fri, May 19, 2006 at 04:28:43PM +0200, Conor H. wrote:
} > This is a common CSS mistake. Text-containing regions should either
} > have a width of auto, should have a width measured in exes or ems,
or
} > (in rare cases) have overflow-x set to scroll. Measuring widths in
} > pixels or points or inches or any other unit not related to the font
} > size is just asking for trouble. Sadly, it is the common case.
}
} I’m not a CSS/HTML designer by any measure. I needed a two column
layout
} where the right column could expand and the left hand column can too.
} Wasn’t sure how to achieve that. If you (or any other CSS wizard) can
} send me a layout that does that, I’ll implement it pronto!
I don’t want it to sound like I was insulting you, because I certainly
didn’t mean to. In your CSS, you have widths, measured in pixels (or
points?), set for these columns, right? I haven’t looked at the source
of
the page, actually, so I am making assumptions. Anyway, change those
widths
to be measured in ems. I recommend using the Firefox EditCSS extension https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=179
to play with it live. Tweak the widths (in ems) to get them to look the
same as they did before. Then change the font size; the column widths
should stay in proportion, but grow with the font.
I don’t want it to sound like I was insulting you, because I certainly
didn’t mean to. In your CSS, you have widths, measured in pixels (or
points?), set for these columns, right? I haven’t looked at the source
of
the page, actually, so I am making assumptions. Anyway, change those
widths
to be measured in ems. I recommend using the Firefox EditCSS extension https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=179
to play with it live. Tweak the widths (in ems) to get them to look the
same as they did before. Then change the font size; the column widths
should stay in proportion, but grow with the font.
No worries, not insulted. I know where my strengths are, and CSS is not
one of them (yet I’ll try the the ems width.
I’ll try the the ems width.