I have been messing around with CSS boxes with undefined width and the page alignment set to “none”. If I just put text or inline images in the CSS boxes with undefined width, the boxes will stretch from end to end of the screen (I colored the box just to make sure). This is pretty much what I want. A colored box to stretch from one side to the other.
However, if I add any inline CSS boxes to the main box, the main box doesn’t behave like I want it to. What I would like to do is have a bottom box with some menus, pictures, links, and I want the entire bottom to stretch to each edge.
Is there a way to keep the page alignment at center, and still have an undefined width box to fill the entire screen at the bottom of my page?
Ideally, I want to be able to make one main box span the width of the screen. Then take another box within that box and center it. Then in the inner most box, put other CSS boxes inline,etc, so the content is always centered, and the outter box always stretches from side to side.
I don’t know if you can center align CSS boxes however.
I can upload an example diagram if my description is convoluted in any way.
Op 7 mrt 2009, om 00:53 heeft Bryan Los het volgende geschreven:
I have been messing around with CSS boxes with undefined width and
the page alignment set to “none”. If I just put text or inline
images in the CSS boxes with undefined width, the boxes will stretch
from end to end of the screen (I colored the box just to make sure).
This is pretty much what I want. A colored box to stretch from one
side to the other.
However, if I add any inline CSS boxes to the main box, the main box
doesn’t behave like I want it to. What I would like to do is have a
bottom box with some menus, pictures, links, and I want the entire
bottom to stretch to each edge.
Is there a way to keep the page alignment at center, and still have
an undefined width box to fill the entire screen at the bottom of my
page?
Ideally, I want to be able to make one main box span the width of
the screen. Then take another box within that box and center it.
Then in the inner most box, put other CSS boxes inline,etc, so the
content is always centered, and the outter box always stretches from
side to side.
I don’t know if you can center align CSS boxes however.
I can upload an example diagram if my description is convoluted in
any way.
I have been messing around with CSS boxes with undefined width and
the page alignment set to “none”. If I just put text or inline
images in the CSS boxes with undefined width, the boxes will stretch
from end to end of the screen (I colored the box just to make sure).
This is pretty much what I want. A colored box to stretch from one
side to the other.
However, if I add any inline CSS boxes to the main box, the main box
doesn’t behave like I want it to.
How does it misbehave — you don’t say what happens?
What I would like to do is have a bottom box with some menus,
pictures, links, and I want the entire bottom to stretch to each edge.
I’m not sure you’re using the right nomenclature here Bryan; the only
piece of the site you linked to that I could see that stretched is a
faint blue gradient underneath the very top bar. The rest of the site
seems to be a fixed size which doesn’t stretch, but remains centered
in the browser window, which is pretty normal behaviour. You can
achieve this by simply setting the site alignment to ‘Centre’ in the
Inspector.
Ideally, I want to be able to make one main box span the width of
the screen. Then take another box within that box and center it.
Then in the inner most box, put other CSS boxes inline,etc, so the
content is always centered, and the outter box always stretches from
side to side.
I don’t know if you can center align CSS boxes however.
With an inline ‘box-model’ layout, it’s normally done by setting left
and right margins to ‘auto’.
Thanks b8, going to watch that. And thanks Paul. I forgot about the “auto” margin setting. Just when I think I got the hang of Freeway, I realize I’m doing something the wrong way! But I love it that way, as you learn much more from your mistakes.
I did a quick box-model and used the auto margins and it centered the inside box and stretched the background color to each edge of the screen. I can’t believe I forgot about the auto margin feature.
I have two sites I’m going to be doing within the next few weeks, and this is the only thing that had me perplexed.