CSS Menu - Turning Over

Site is now live, but client reports that the last line of the CSS menu (Contact) turns over so they see it under home.

I have viewed the site on all browsers on mac and pc platforms and the site works OK.

The only devise this happens on for me is a ipad mini

She also reports that the carousel does not work, which to me points to and old browser and one or two lines of text turning over. Font used is googles open sans.

Advise please

www.ajvending.co.uk


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

Hi Mike,

I think the css-menu is not your only problem.

There are so much things to note first:

  1. You got side-scrolling caused by a DIV called “ajbackgrd1” which is 2400px wide!

  2. In there, you got a bg-image of 1.7MB!!! weight.

Please note:

An absolute positioned item can’t exceed the workspace - if it is bigger, side-scroll is the result. This is the simple problem a lot of FW users have in common:

The only chance to have “sections stretching all across the browser window” is, to make a proper “Relative positioned Page Layout” aka Box-in-Box Model.

Cheers

Thomas


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

Hi Thomas

Thanks for the reply - can you explain more please on how to rectify.

Yes the background is the whole page graphic which I wish to fill the browser with. I have placed as a graphic in the page and not as a background.

Mike


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

On 9 Sep 2013, 10:33 am, Mike Thornley wrote:

Hi Thomas

Thanks for the reply - can you explain more please on how to rectify.

Well - I’m not sure if there is any chance to adjust this with the possibilities of absolute positioning and fiddling in the current artwork.

Yes the background is the whole page graphic which I wish to fill the browser with. I have placed as a graphic in the page and not as a background.

Mike

Exactly that’s the point. Stretching all across the browser-window width means in CSS terms 100%. This is only possible for relative positioned items. The way you did, you simply told the browser that your page is 2400px wide. But this has nothing to do with all across the page.

A “position:relative” in Freeway means a double-click into an empty workspace and (menu) item → insert → HTML-Item.

Insert as much “sections” an artwork requires.

Once started with this method, you have to stay with it and you’d go on by double-click into a HTML-item and repeat the above step (menu) item → insert → HTML-Item.

You finally end up in a solid framework which we’re used to call “BoxModel” or the Freeway related Box-in-Box Model.

To achieve this I once started a (commercial but affordable) screencast series. But there are a couple of other free resources available ( http://www.softpress.com/kb/questions/104/CSS+Layout+in+Freeway+(Pro+only) ).

And there are trillions of list in here where ever and ever is described nearby the same.

Cheers

Thomas


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

Hi Thomas

Thanks again - are your screencasts in English?
Do you have a link to them?

Regards
Mike


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

Ahmm - yeahh, they are in “what I call english”. It’s sometimes in the quirks mode, but most of the users got the gist :slight_smile:

I usually don’t abuse this board for self-advertising purposes, so let me point you to:

http://freewaycast.com/screencasts/view/105-the-freeway-box-in-box-modelpro-version6-chapter1

Grab episode 1 (Free) to check if it comes up to your expectations :slight_smile:

Whatever you do (screencasts or other free resources):

“Inflow Construction” is THE key-knowledge for building modern webpages. And your design looks GREAT - so it would be a pity if you don’t push it onto the level where it belongs.

Cheers

Thomas


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