problem when minimizing

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I have noticed that when I view my site in a minimized window, I have some
shifting problems - things appear in odd places. Is that because I have made
my pages too wide? I know this sounds a little "elementary" but I would
appreciate some help.
Thanks!
www.warthenlaneinteriors.com
 
You shouldn't be able to view anything in a minimized window...

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
Neither a follower nor a lender be.
 
Is that because I have made
my pages too wide?
Click to expand...

Yes. And other things too.

1. Your main body content is placed in one of several stacked percent sized
tables -

<table border="0" width="88%"

This means that as you make your browser viewing area (i.e., the viewport)
wider or narrower, the content within those tables will 'reflow' as the
table flexes to fill the viewport. This causes things to move around.

2. You have used absolute positioned elements on the page, which is OK, but
they will be absolutely positoned while the tables are flexing - in other
words, some of your content will be moving and other content will not.

3. You have placed the absolute positioned elements (the "Layers) directly
into a table cell. This is trouble - and it should never be done that way -

<td height="21" colspan="3" bgcolor="#996633">&nbsp;<div style="position:
absolute; width: 149px; height: 628px; z-index: 2; left: 11px; top: 194px;
border-right-style: solid" id="layer1">
<div style="position: absolute; width: 9px; height: 630px; z-index: 1;
left: 633px; top: 1px; border-left-style: solid" id="layer2">&nbsp;</div>
</div>
<div style="position: absolute; width: 180px; height: 100px; z-index: 3;
left: 678px; top: 216px; border-style: outset" id="layer3"
onmouseout="FP_changePropRestore()"
onmouseover="FP_changeProp(/*id*/'layer3',1,'style.borderStyle','inset','style.borderWidth','1px')"
onclick="FP_goToURL(/*href*/'stroll.htm')">
&nbsp;</div> <p>&nbsp;</td>

(in this case, both layers - layer1 and layer3 - are inside a table cell.
This will cause you problems in various browsers/platforms)

At the least, you should remove this code from your table cells and paste it
back into the page either directly below the <body> tag or directly above
the </body> tag.

To be honest, I don't where to tell you to go beyond that - the page has
design layout problems that would encourage me to start over....

Sorry.
 
One solution is to use tables to structure your page layout instead of Absolute positioning. Do not
assume that all site visitors will be viewing at 1024 x 768, etc. or they will be viewing at full
browser window even if using a high resolution.

You also need to view your site in the different browsers that you might expect your site visitors
to be using.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
I appreciate your response and your honesty. I know that your tips will be
very useful me. In my defense, however, I haven't been able to find any
documentation that warns against some of these things - because believe me, I
have looked. You have told me some things that I had not even seen before so
I am thankful. I hope I can work out these issues. Since this is the first
site I have done in FP, I had a lot to learn the hard way. I knew that the
absolute positioning was prob not right but I had had so many problems trying
to get the relative to "sit" on the page where I wanted it to. I STILL don't
know how to correct that, but I will work on it. I hope that I don't have to
START OVER though. Maybe with some heads down work I can straighten this out.
Again, thank you for your help.
 
It is normal that content reflow to adjust to the browsers viewport.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
 
one other thing....
you said that I had made my pages too wide. Well, I figured that might be
so. BUT...how do I correct that? Is it simply an issue with placing objects
on the page itself too wide or is it a Page Setup thing where I set margins,
etc?
Thanks!
 
Robin:

You will not find much documentation on it, other than to knuckle down and
learn some HTML and CSS. However, just for you, I have painstakingly
prepared this page -

http://www.great-web-sights.com/g_layerlaws.asp

which may help you to understand a bit more about layers and absolute
positioning! 8)
but I had had so many problems trying
to get the relative to "sit" on the page where I wanted it to
Click to expand...

These problems are what I call "thrash" problems - you really don't
understand either relative or absolute positioning and are just clicking
things hoping something will work. It's a technique I use often, too! 8)
I hope that I don't have to
START OVER though.
Click to expand...

Sometimes this can be a *good* thing to do. Especially now that you know
what does and what does not work. If you elect to go this route, there are
plenty of people here who can help you.
 
Robin said:
one other thing....
you said that I had made my pages too wide.
Click to expand...

You do know that over 40% of the people viewing websites are still
doing so at 800 X 600 screen size don't you? At least that's what is
happening on my sites.

Tom J
 
That really only determines the maximum width they can set their browser
viewport to. The real question is "how wide is that viewport?" and your
stats tell you nothing about that....
 
I agree the stats show the max! Just says even more that if you don't
design for 800 X 600 viewing without scroll bars, you are making it
more likely that those 50% or more viewers viewing at 800 X 600 will
move on to more friendly sites. It's bad enough when you just consider
the systems that only have 800 X 600 capabilities.

Tom J
 
can you tell me at what point I determine and actually set up what my page
width should be? I hate to appear dumb.
 
More experienced programmers can tell you other ways, but for the
novice types like you and I, the best way is to start with a table
with the width set at 750 pixels or less, then put everything inside
that table. The pages I do have lots of people printing the whole web
pages, so I set my width to 662 pixels so it all stays on the page
when printed. To make it not look like something is missing, I center
the table and put a colored background around the table.

Tom J
 
Tom, I appreciated your comment about being a novice. That is one thing that
frustrates me on this board sometimes - the fact that there are programmers
who sometimes seem to get a little "impatient" and maybe a little
condescending to those of of who know less.
I did some work on my site last night and I think maybe I have the issues
resolved ( at least I hope). I'm not really happy with the gold in my logo
but I can work on that. Please look at it once more and see if you think I
have made improvements.
Thanks again SOOO much for your down-to-earth and willing help!
R
ww.warthenlaneinteriors.com
 
It fits an 800 X 600 screen just right now, but goes off at higher
resolutions. You still need to work on the header. On some of the
pages, the oval is dropping partly out of view. My suggestion would be
to make a header page that includes your logo and menu and do an
Include so the header is the same throughout the site, so as to be
less confusing about where the menu is located, then put the page
title just below if you still think it's needed. You do that with
Insert / Component / Include.
BTW, maybe that "down-to-earth" comes from really being a novice &
being raised on a farm in South Georgia!! ;-)

Tom J
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Problem with formatting after publishing 7
Hyperlinks missing in Netscape on a new publish 2
browser consistency 1
How do I keep text from moving around when the page is minimized? 2
How do you change title of page when minimized in taskbar? 3
Layers 3
Minimized website name 3
Browser Minimize and Maximize 13

Back
Top