Sent by Bob Easton on 13 March 2005 11:11
Sonphos wrote:
> I'm new to the list and new to CSS layout. I'm working on my first
> tableless design, and have implemented a javascript that allows the
> user to choose a larger or smaller font size. However, when the font
> size is increased, the right side column drops to below the left main
> column. How can I keep this from happening?
>
> The site is here:
>
> http://www.fern.net/cmc/
>
> And the stylesheet is here:
>
> http://www.fern.net/cmc/fx/cmc.css
>
Welcome to the list. One of the first thing we learn about floats is
that when there is not enough horizontal space, the float drops. So,
when someone mentions a float drop, I look for the element that may be
growing too large for the space allowed. In this case, it's the search
input field. Narrow the width of that field to accommodate the largest
font restyling you expect someone might use. It will be a tradeoff
between a narrower search box and font resizing. Almost everything has
tradeoffs like this.
--
Bob Easton
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
