items sticking to browser's left side

Good day,

I’m wondering what settings determine items to stick to browser’s left side, when one stretches the browser window to the right.


I want the items and the whole page move slowly to the right, so as to stay in the center of the browser window = flexible layout.


Right now I have some items sticking to the left, others moving to the right, when stretching the browser window to the right.

BW, Omar K N


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Usually defining your layer widths as percentages of the container will do the job but if you post a link so that we can see what you have done it will be easier to explain.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 5 Sep 2008, at 21:11, DeltaDave wrote:

Usually defining your layer widths as percentages of the container
will do the job but if you post a link

A “Cc” goes to Dan J because it is based on his (otherwise) splendid
boxmodel.

I was wondering what settings determine items to stick to browser’s
left side/ or not, when one stretches the browser window to the right.
This only becomes apparent in a large screen.

I know it’s probably a simple tweak, although hard to find when you
are a beginner.

Here is the link:
http://mac.abc.se/home/onesr/x/_frw/t1/

BW, Omar K N
[Struggling inside the box(model)]


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 5/9/08 (at 22:28 +0200) Omar KN said:

A “Cc” goes to Dan J because it is based on his (otherwise) splendid
boxmodel.

A very gentlemanly and courteous thing to do. But probably best to
keep these things purely on the forum/list when we’re all talking
together, that’s how things generally work around here. I’m sure Dan
will be reading. :slight_smile:

Anyway, you said:

I was wondering what settings determine items to stick to browser’s
left side/ or not, when one stretches the browser window to the right.
This only becomes apparent in a large screen.

What you’re describing is either

(1) a centered layout, where the page content is presented centered
in the browser window (when the window is wider than your original
page design width), or

(2) a flexible layout, where layered items are given settings that
‘pin’ them to one side of the window or the other or let them stretch
to maintain some position relationship with both sides of the browser
window.

To make a centered layout, just choose Center from the Alignment
popup menu in the Inspector palette when inspecting the page itself.

To make a flexible layout the simple way, make sure the items you
want to work with are layered elements (so they’re positioned as
divs), select one, and play with the left/right/width controls in the
Dimensions pane in the Inspector palette. Click the buttons beside
the appropriate text fields to make different ones active or not.

Using the centered layout approach described above as (1) will
prevent any (2)-style flexible layout tricks from working, because
those rely on a flexible underlying width but the centered step wraps
things in a non-flexing page-width wrapper.

[Struggling inside the box(model)]

Working with the box model for layouts is a whole 'nother thing
entirely. I’ll leave the explanations to others, but I will ask this:
do you NEED to work with the box model approach?

This site http://www.thetypographic.com/lecture/ was made without
working with the box model. Different elements work (okay play) with
the browser window width - and height - in different ways. (After
flexing the window width, try scrolling down while looking at the nav
links on the left. Then use the ‘back to the top’ link.)

Yes, the box model approach to layout can lead to some damn clever
structures, but at this point in the game it isn’t always a
particularly visual or intuitive way to work.

Sorry, I don’t mean to put you off, really! But I do mean to say that
there are other ways…

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorry OmarKN, just got to the e-mails today. What a day. Anyways, Keith is spot on in with what he said and it’s not a cop out to a lengthy response, but rather his points make sense.

Although you can do a centered layout with the “align” set to “none” by using margins in the box model.

Hopefully that helped you figure out what you were trying to accomplish.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for all replies!

To Dan:

you can do a centered layout with the “align” set to “none” by using margins in the box model.

Yes this helped (after a while of testing different parameters)

To Keith:

do you NEED to work with the box model approach?

Good question, I’ll make it no secret to say the main reason to use the box model was to have a “decent footer”, that is a footer which sticks to the bottom!

But I guess there are quite a few other issues with the box model, which will maybe force me to apply a more robust structure, …

BW, Omar K Neusser


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options