[Pro] inline layout working with fixed objects problem

Hi
I have been using an inline system to achieve the kind of relative flexibility which this permits for a new portfolio site of mine. However I would also like to include a fixed header, and a fixed left hand column which I am aware must not be inserted as child elements of a parent box. I’d like the column and header to remain in place as the page scrolls down. Whilst i have the page content sliding underneath the header, i am looking for it to contract only as far as the left column when the browser is resized. In other words I do not want it to slip underneath the left column, which it is since they are unrelated layers at the moment. This is example is what I’m working towards:

http://www.wrg.uk.com/live-events/external-live/gsk/

As you can see, whilst the column is fixed, the content does not slip beneath it, it pushes it over as the page is resized. I hope I have been clear enough for ya’ll. Looking forward to your help.

take care
jim


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

Try adding margin to your inline elements – same amount on either
side so you maintain your centering – equal to the width of your left
column. This will keep them from ever running under the static
elements, because they cannot get any closer to the left edge than
their left margin.

Walter

On Aug 12, 2011, at 11:52 AM, james morrison wrote:

Hi
I have been using an inline system to achieve the kind of relative
flexibility which this permits for a new portfolio site of mine.
However I would also like to include a fixed header, and a fixed
left hand column


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

Yup thats definitely the solution Walter thanks. If you’ll permit another question though, I’m not sure how to keep the column and header fixed (and so static whilst the middle content scrolls beneath) whilst also realigning upon resize to keep their layout in relation to the content. The page is centrally aligned, so once I scale back and the middle content keeps it’s proportional position, the fixed in window objects stick against the left side and roof of the browser. If I ditch the page’s central alignment and align left, then everything is fine except a horizontal scroll appears upon scaling the page up –I’d settle for left align if i could get rid of this scroll, since it then permits the middle content to once again scroll beneath the left column. There would be no reason to scroll in this way, but it just looks messy and I’d really like to achieve my first watertight layout.

Nice one
jim


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

The fixed in window top can be set to 100% width, and then a nested
element inside that can be centered to place the header at the top of
the central column. It’s the Russian nesting doll layout!

Walter

On Aug 12, 2011, at 12:29 PM, james morrison wrote:

Yup thats definitely the solution Walter thanks. If you’ll permit
another question though, I’m not sure how to keep the column and
header fixed (and so static whilst the middle content scrolls
beneath) whilst also realigning upon resize to keep their layout in
relation to the content.


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