# \[Pro\] Size of page in browser

**URL:** <https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333>\
**Category:** Freeway\
**Created:** [March 22, 2010, 7:01pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333 "2010-03-22T19:01:06Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Neil](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/n/839c29/32.png) [@Neil](https://discourse.softpress.com/u/Neil)\
**Post date:** [March 22, 2010, 7:01pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/1 "2010-03-22T19:01:06Z")

</div>

Hello all,

I’m sure the more experienced members will know the answer to this.

I have created a page in Freeway pro 5. 900 px wide and 900 px high.

I created a background image in elements, 900 px high.

I import the graphic and create the page. All looks well in Freeway and safari.

The problem occurs when viewed in Int Explorer and Google Chrome on a windows machine.  
The page ends underneath my last piece of text or graphic box. It does not display the bottom of the page even though the page size was defined as 900 px and the background graphic fills this area?

I have gotten around it by adding some small text to the very bottom of my page in freeway.

Any idea why this happens and how I can avoid it in future?

Thanks,  
Neil

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [March 22, 2010, 8:16pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/2 "2010-03-22T20:16:15Z")

</div>

Neil - can you post a link to your page so that we can see it for ourselves (without the text at the bottom)

David

* * *

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

---

<div class="post-metadata">

**Author:** ![Neil](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/n/839c29/32.png) [@Neil](https://discourse.softpress.com/u/Neil)\
**Post date:** [March 22, 2010, 9:22pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/3 "2010-03-22T21:22:20Z")

</div>

Hi,

[www.valleytrainingsolutions.com](http://www.valleytrainingsolutions.com)

In Safari I can see the whole page. There should be green banding across the bottom as at the top of the page.

Thanks

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [March 22, 2010, 10:49pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/4 "2010-03-22T22:49:36Z")

</div>

Difficult to see on my 1280 x 800 laptop but what I will say is that your layout doesn’t hang together when you increase the text size.

I think Safari defaults to zooming the whole page but if you go to the View Menu and check Zoom Text Only then increase your text sizes a little you will see that your page starts to fall apart.

David

* * *

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

---

<div class="post-metadata">

**Author:** ![Neil](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/n/839c29/32.png) [@Neil](https://discourse.softpress.com/u/Neil)\
**Post date:** [March 22, 2010, 10:58pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/5 "2010-03-22T22:58:38Z")

</div>

Hi,

OK, how do I get it to hang together better ? Is it my choice of Font ? Verdana 14. Should I use proportional ?

Is there something else I should keep in mind when creating the page?

I’m reasonable new to this and so appreciate any help and feedback.

Thanks,  
Neil

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [March 22, 2010, 10:59pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/6 "2010-03-22T22:59:11Z")

</div>

Neil - also go to [Moved](http://www.ipinfo.info/netrenderer/index.php)

And stick your URL in the box to see how it will look in various flavours of IE on windoze boxes.

David

* * *

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

---

<div class="post-metadata">

**Author:** ![Neil](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/n/839c29/32.png) [@Neil](https://discourse.softpress.com/u/Neil)\
**Post date:** [March 22, 2010, 11:05pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/7 "2010-03-22T23:05:23Z")

</div>

[Moved](http://www.ipinfo.info/netrenderer/index.php) is a great help.

How do I avoid these problems with my layout / design. Is there something I should be doing in Freeway to avoid these problems?

Thanks

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [March 22, 2010, 11:12pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/8 "2010-03-22T23:12:25Z")

</div>

Essentially your page is constructed of layered Divs. These expand when the size of the text is increased causing the layers to overlap.

Windows PCs tend to display text larger to start with so if you have tried NetRenderer you will see how JoePC sees your page.

There are several ways to overcome this - the box model being one - but not the only one.

Things like your form begs to be laid out inside a table - one column for the categories the other for the input fields. That will hold it together and greatly help with alignment of the different fields. (Any particular reason that you are using Matt’s Formmail script? Generally regarded as a target for spammers. Why not use the PHP Feedbackform action that comes with FW - less hackable.)

There is no reason why you cannot put your plant list inside an HTML box and set a border on it a bit of padding to keep the text from the sides and it will expand with the text size.

The other thing about your bg graphic is that there is no flexibility with it. Your are restricted to a page height of 900px - any larger and you get the bottom of the graphic cutting across the page. As it does when you increase text size. Better to leave it off meantime.

David

* * *

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

---

<div class="post-metadata">

**Author:** ![Neil](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/n/839c29/32.png) [@Neil](https://discourse.softpress.com/u/Neil)\
**Post date:** [March 23, 2010, 8:44am UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/9 "2010-03-23T08:44:59Z")

</div>

Hi Dave,

Great advice to get me going. Thanks very much for your time.

I used Matts FormMail script before I had Freeway and so I used it out of Habit.

I will try to put the form details in a table and implement the PHP Feedbackform action.

I’ll post back later.

Many thanks again,

Neil

* * *

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

---

<div class="post-metadata">

**Author:** ![Neil](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/n/839c29/32.png) [@Neil](https://discourse.softpress.com/u/Neil)\
**Post date:** [March 23, 2010, 9:11am UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/10 "2010-03-23T09:11:30Z")

</div>

Hi again,

I have not uploaded to the web yet but have placed the feedback form in a table.  
When previewing in Safari, I enlarge the text, it keeps the alignment between the prompts and the input boxes a lot better but the text still overlaps itself and so becomes unreadable. I guess there is no way of avoiding this ?

Also, with regards to the background image, should I create the same effect with Graphic boxes top and bottom instead of the BG image ?

Thanks

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [March 23, 2010, 11:43pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/11 "2010-03-23T23:43:29Z")

</div>

> I have not uploaded to the web yet but have placed the feedback form in a table. When previewing in Safari, I enlarge the text, it keeps the alignment between the prompts and the input boxes a lot better but the text still overlaps itself and so becomes unreadable. I guess there is no way of avoiding this ?

Yes this should be avoidable - duplicate the page and give it another name and upload that somewhere so we can see where you are going wrong.

> with regards to the background image, should I create the same effect with Graphic boxes top and bottom instead of the BG image ?

Does it really add anything to your page?

David

* * *

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

---

<div class="post-metadata">

**Author:** ![Neil](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/n/839c29/32.png) [@Neil](https://discourse.softpress.com/u/Neil)\
**Post date:** [March 25, 2010, 6:24pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/12 "2010-03-25T18:24:04Z")

</div>

Hi Dave,

I’ve tried to learn the Inline Box model technique.  
Hard going !!!

If you have 2 mins, would you mind taking a look at my attempt ! [www.valleytrainingsolutions.com/vts2](http://www.valleytrainingsolutions.com/vts2)

I can’t get the 2 boxes to be the same length on default start up.

Also, would you recommend I have flexible wide to the HTML boxes?

Any advice would be welcomed as this has been a steep learning curve to say the least !

Thanks  
Neil

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [March 25, 2010, 10:29pm UTC](https://discourse.softpress.com/t/pro-size-of-page-in-browser/7333/13 "2010-03-25T22:29:23Z")

</div>

Not quite sure how you have built this - whether or not you have defined the heights of your 2 columns but I dont think there is any reason why you cannot specify a height for them. Obviously both the same and large enough to accommodate all the text even at a slightly larger size.

David

* * *

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