Re: Font and Container Size

[Q]With all due respect, this sounds like a nightmare.[/q]

[q]Learning to design web pages involves learning how it differs from other
media like print. If you want to put your text in a container which changes
size, HTML text will automatically reflow when that container does in fact
resize. It's what HTML does.[/q]

This is exactly what I want to avoid.

Indeed, I want the size of the container not to interfere with the relative
position of other containers. Thus, the contents of the container needs to
change with the size of the container, so as to keep the relative size and
position of all the containers the same.

[q]Don't fight it. Go with the flow.[/Q]

Let the river flow, and keep the river clean, so that I might swim in it.
Please understand, however, that I cannot change the size of my boat to fit my
cargo. Rather, the size of my cargo must change to fit the size of my boat,
and the cargo -- not its size -- must be the same no matter the size of the
boat.

Roddy :smile;

<Indeed, I want the size of the container not to interfere with the relative
position of other containers. >

Apply pixel width to the problem container and move on. There is no hard
and fast RULE that says you must use % on all containers inside a liquid
layout.


--
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb/
www.alt-web.blogspot.com/

[Q]Apply pixel width to the problem container and move on. There is no hard and
fast RULE that says you must use % on all containers inside a liquid layout.[/Q]

This is an avenue of experimentation that I have yet to explore, as I was
under the impression that you cannot achieve this with floated containers. Are
you saying that that I can fill the entire width of a page using the following
math:

W1 + W2 + W3 + W4 + W5 = Page Width
such that W1 = some fixed number
and W2 = W3 = W4 = W5 = 25%

If you have an example page where this is possible and only CSS is used, I am
relatively sure that everyone who encourages the production of fully expandable
webpages and does not know the technique could greatly benefit from it.
Certainly, I would be delighted to learn that my prison is an illusion.

Roddy :smile;

<Certainly, I would be delighted to learn that my prison is an illusion.>

CSS Liquid, centered, with 2 floated columns.
http://alt-web.com/TEMPLATES/CSS2-Liquid-Page.shtml


--
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb/
www.alt-web.blogspot.com/

[Q]CSS Liquid, centered, with 2 floated columns.
http://alt-web.com/TEMPLATES/CSS2-Liquid-Page.shtml[/Q]

This page shows that
W1 + W2 < Page Width
where W1 is fixed width and floated left
and W2 is 25% width and floated right

Are you suggesting from this that I can achieve

W1 + W2 = Page Width
where W1 = fixed width and floated left
and W2 = 100% width and floated right?

Roddy :smile;

Ideally you have a body that is 100% screen width.

Inside the body you have container divisions which can be either % or pixels
or a combination.

Content + FloatLeft + FloatRight + margins and padding = page width = 100%.

Try it on a test site. Play with the widths on your various containers and
watch what happens when you resize the viewport in browser.


--
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/