[Pro] Website Elements not lining up on other browers

Freeway
1

Hi everyone,

This is puzzling me/ worrying me as I’m not sure what to do about it.

I’ve designed my site on a Mac. I view my site in Safari and everything looks fine.

Now, my client is viewing the site on a PC using Internet Explorer 7. I have boxes that are bigger than others and quite a few misalignments too.

I’ve tried the Relative Layout Action but that just seems to screw everything up my end.

What can I do if anything?

M

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

2

Can we see it?

David

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

3

Hi Dave,

Thanks for your post.

This is my current site: www.alternative-angles.com/preview

Just to quickly explain, I played with it last night and the first three sets of blue oblongs (smaller ones) seemed to work on Internet Explorer. So I might well have fixed it.

But the bottom set still came up as different sizes in Internet Explorer.

Also, the Search text box on the top right just won’t line up. To get it the size I want in Safari I have to make it twice the size I want it in Freeway to get it the right size when I publish. But as sod’s law would have it, when I view it in Internet explorer it’s well out of alignment.

Can you tell me what I’m doing wrong?

Many many thanks

Mark

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

4

The bottom “boxes” are single list items in 3 separate html boxes, while
the top “boxes” are a single 3-item list. Both rows are styled with CSS to
look like boxes, likely with an action.

Your problem is a thing called The Box Model, which is how browsers
determine the size of an html item box. Internet Explorer has a history of
inconsistencies when it comes to correctly rendering the box model. In your
top row, IE has only one div to screw up, while in the second row there are
three container divs to render incorrectly – not to mention the divs inside
them like the ones for the arrows – which only compound the problem.

You should simplify. However you made the top row, make the second in the
same way. I would use advanced CSS techniques within Freeway Pro, but that
is just me.

Best wishes,

Ernie Simpson

On Fri, Aug 3, 2012 at 3:36 AM, Mark Lawrence email@hiddenwrote:

Hi Dave,

Thanks for your post.

This is my current site: www.alternative-angles.com/preview

Just to quickly explain, I played with it last night and the first three
sets of blue oblongs (smaller ones) seemed to work on Internet Explorer. So
I might well have fixed it.

But the bottom set still came up as different sizes in Internet Explorer.

Also, the Search text box on the top right just won’t line up. To get it
the size I want in Safari I have to make it twice the size I want it in
Freeway to get it the right size when I publish. But as sod’s law would
have it, when I view it in Internet explorer it’s well out of alignment.

Can you tell me what I’m doing wrong?

Many many thanks

Mark

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

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

5

Thank you Big Erns, you’re a star.

That’s worked a treat. :slight_smile:

Pesky Internet Explorer…

Thank you for your time. Although I was hoping I could ask for just a little more time…

I was wondering whether you could tell me why my Site Search Box on the top right seems to wonder around between browsers? It’s also not particularly great in Freeway/Safari either. I have to make the box three times longer than I want it in Freeway for it to render at the correct size in Safari. Which of course then means it’s never in the right place in Explorer.

Any thoughts?

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

6

Freeway sets the size of its text inputs in characters, and browsers wildly differ on how large to make them. I wrote an Action years ago called FreezeForm to deal with this. Apply it to the form element, and set the width to freeze, and the field will be sized with CSS to precisely whatever width it is in Freeway’s design view.

Walter

On Aug 3, 2012, at 10:45 AM, “Mark Lawrence” email@hidden wrote:

Thank you Big Erns, you’re a star.

That’s worked a treat. :slight_smile:

Pesky Internet Explorer…

Thank you for your time. Although I was hoping I could ask for just a little more time…

I was wondering whether you could tell me why my Site Search Box on the top right seems to wonder around between browsers? It’s also not particularly great in Freeway/Safari either. I have to make the box three times longer than I want it in Freeway for it to render at the correct size in Safari. Which of course then means it’s never in the right place in Explorer.

Any thoughts?

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

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

7

You’ve come to my rescue again.

Thank you Walter!

M

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