fp browser problem

**micheflowers** · 02-21-2006, 11:57 PM

Hi,

Somewhat of a newbie here. The site I've designed with fp doesn't shrink when you arrow up from the corner of the window. Is there a setting I can change so the site will shrink instead of just cutting the side and bottom off or is this just a limitation of fp?

Would appreciate any advice!

Thanks,
Michele

**vangogh** · 02-22-2006, 01:29 AM

Hi Michele. I'm not quite sure I understand what you mean when you say 'arrow up' from the corner. Are you talking about resizing the browser?

It shouldn't be a limitation of Front Page. It's more likely you've set explicit widths and heights for the elements on your page that are greater than the size the browser is open at. If you coded something to be 1000px it will still be 1000px even if your browser is only open to 800px. In that case the browser will cut off the rightmost 200px and you'll need to use the scrollbar to see that part of the site.

Is the site online somewhere and could you post a link to it? If the site isn't online could you post the code here. If we could see it it would be much eaiser to let you know what might be happening and how to fix it.

**micheflowers** · 02-22-2006, 08:35 AM

Thanks VanGogh

Yes the site is online at www.michelefloralevents.com

I know I'm not using the right terminology on this. My friend noticed that when he wants to look at several sites at once and goes to the very bottom of the browser window and pulls it my site just gets cut off instead of becoming smaller.

Thanks,
Michele

**vangogh** · 02-22-2006, 10:58 AM

Hey Michele. The link didn't seem to be working. I'll check back again a little later and take a look. I think I know what you're asking. I just need to take a look at the code to figure out the solution.

I'll check back a little later and try your site again.

**micheflowers** · 02-22-2006, 11:10 AM

Hey Van Gogh..duh..half asleep this morning. The site is:

www.michelesfloralevents.com

Left the s out.

Michele

**AMysticWeb** · 02-22-2006, 03:29 PM

Hi Michele

If the problem is with the browser, this isn't specifically caused by FP. it may have something to do with the way your site is set up.

I don't see any images that are too wide for the browser which would cause a problem.

You do have a layer width of 1029px. As VanGogh mentioned, if you coded something over 1000, this could be the problem.

Try to keep any width, image, table, div etc to no more than @ 750px. That way the page will be viewable in 800x600 resolution.

When I looked at the source code however, looks like the home page is missing beginning <HTML>, ending </Body> and ending </HTML> tags.

**vangogh** · 11:13 PM

Michele sorry it took me so long to get back today.

Like Mike said above you have some large widths in your code. and if you want everything to fit at 800x600 resolution you want to keep your widths around the 750px. I usually go as high as 760px.

From what I could tell you have a div that wraps around your tables and set to 846px width. It's also positioned 152px from the left. When you add the two you get 998px which seems to be close to where I started seeing a scroll bar so you might be able to fix things by reducing the width of the div and maybe even moving it a little more to the left. You'll probably want to move the vertical image more to the left too if you move the div.

Try changing the width (and maybe the left positioning) of the div and see if the page works better. If not you may need to look at some of the other px widths you have and reduce them too.

Using px for widths will always keep your page a fixed size. So even if you use 750px as soon as someone reduces the width of their browser below 750px they'll see the horizontal scroll bar. Usually making sure you're site fits inside of 800px widths is fine and that's what a lot of websites are typically designed to do.

You can also use a liquid layout for designs. Liquid layouts will use percents more for widths. There will still usually be some px widths in a liquid layout, but the overall layout is set up to shrink and grow with the size of the browser. I use a liquid layout on my site so that it still looks good (if it does at all) from widths as low as 800 px and anything greater. It can take a little more work to develop a liquid layout, but the results are worth it.

Are you working on the site now? It looks like I'm seeing some changes as I'm typing.

**micheflowers** · 02-25-2006, 04:11 AM

Mike and Van Gogh, Thanks for your help. I think I'm not explaining myself properly. When you open my site and then shrink the window to accomodate looking at other windows...it doesn't resize itself. All the other pages on the site do. Doesn't matter what browser size you're using. When you're using ie down at the left corner by the world icon and internet you can grab the corner of most sites and move it on a diagonal to shrink the size. On my home page it just cuts it off...on the other pages it shrinks it correctly.

Michele

**micheflowers** · 02-25-2006, 04:19 AM

In other words...I'm not talking about the scroll bars although I know I need to make some changes to make it work better on 800 x 600.

Michele

**colbyt** · 02-25-2006, 09:10 AM

I took a quick look at the site. I broke my copy of FP while installing office xp so I can't be positive of what I am saying here.

It looks like you have your tables defined by pixel width instead of by % IE:
<quote>div style="position: absolute; width: 817px; height: 526px; z-index: 1; left: 152px; top: 16px" id="layer1"> </quote>

Open the page and select a width that is expressed in % and that will solve your problem. This sample page that I put up to help another poster with tables shows a table at 100% and the Individual columns are expressed as a % of the total. Try resizing it or viewing at different resolutions.
http://www.lexkyweb.com/samples/sample.php

Colbyt

**vangogh** · 02-25-2006, 01:40 PM

Hi Michele. The problem is in specifying the widths on the page in px instead of as a percent. The reason Mike and I were mentioning 800x600 is simply it's a common standard to make sure sites fit within that resolution.

I took a look at another one of you pages (Garden Accessories) that does resize itself.

If you look at the source code for that page you'll see that the tables have been given a width of 100%. That's why they can resize themselves. On that page the only place you've used widths that aren't in % are for the widths of the images, which are each 100px. You haven't specified px, but that's the default. 4 x 100px = 400px so that page needs to be a minimum of 400px in width. If you keep shrinking your browser there is a point where it stops resizing itself and does the same thing as the home page. That point is when your browser gets to about 400px in width.

Your home page is really doing the same thing as this page. The only difference is that it can only resize itself for larger broswers. For example my computer has a large screen resolution (1920x1200). When I start to shrink my browser your page is resizing itself at first. It stops resizing itself around the point where my browser is about 1000px wide. It does this because on that Page you've used px to defne widths more often and the minimum width the page needs is around 1000px. Anytime a browser is shrunk below approximately 1000px this page won't resize anymore.

If you reduce the width of the div that wraps around the tables on your page or set its width to a percent your page will resize more. You're still using px widths for the images on the page (as you should) so at some point in shrinking your browser the page will stop resizing.

**AMysticWeb** · 02-28-2006, 03:07 AM

VanGogh,

Good catch, viewing the other page to compare the width.

**vangogh** · 02-28-2006, 12:52 PM

Michele it looks like you got the page working. Hope we were able to help.