resize the browser and change the CSS position settings

**Neal** · Jul 20 '05, 09:56 PM

Re: resize the browser and change the CSS position settings

On 29 Feb 2004 22:20:06 -0800, Matt <jrefactors@hot mail.com> wrote:
[color=blue]
> When the user resize the browser, the
> "Frequently Used Link" and "Table 1" and "Table 2" will shift to the
> left hand side, but table position is unchanged. I really have no idea
> how to fix that. I don't know what's the correct approach, I just try
> in different figures manually.
>
> Please advise. Thanks!!
>[/color]

You've floated things, and this is normal and expected behavior for
floats. Things bump around on purpose.

What's the desired effect? Hard to correct when it all acts normally to
me... I don't know, try using <H2
class=SECOND>Fr equently U sed Links</H2> and
<H2>Link 1 </H2>, see if it helps do what you want.

BTW, unrelated, but there's no cellspacing allowed on TR, and you get a
warning on the CSS for not indicating a generic family (th.second). Be
sure your server declares the charset too.

**Matt** · Jul 20 '05, 09:56 PM

Re: resize the browser and change the CSS position settings

Neal <neal413@spamrc n.com> wrote in message
[color=blue]
> You've floated things, and this is normal and expected behavior for
> floats. Things bump around on purpose.
>
> What's the desired effect? Hard to correct when it all acts normally to
> me... I don't know, try using <H2
> class=SECOND>Fr equently U sed Links</H2> and
> <H2>Link 1 </H2>, see if it helps do what you want.[/color]

When we resize the browser, I guess there are 2 different possible
effects, please correct me if i am wrong.

1. When we resize the browser, the html elements float around and
offset the positions, but the user doesn't need to scroll the bottom
scroll bar to see all the contents.

2. the user needs to scroll the bottom scroll bar in order to see all
the contents in the browser.

Which effect is more popular? seems like the second one?

So what you mean is my code has the first effect. How about if i want
the second effect?

Please advise. thanks!

**Neal** · Jul 20 '05, 09:56 PM

Re: resize the browser and change the CSS position settings

On 1 Mar 2004 10:19:31 -0800, Matt <jrefactors@hot mail.com> wrote:[color=blue]
> When we resize the browser, I guess there are 2 different possible
> effects, please correct me if i am wrong.
>
> 1. When we resize the browser, the html elements float around and
> offset the positions, but the user doesn't need to scroll the bottom
> scroll bar to see all the contents.
>
> 2. the user needs to scroll the bottom scroll bar in order to see all
> the contents in the browser.
>
> Which effect is more popular? seems like the second one?
>
> So what you mean is my code has the first effect. How about if i want
> the second effect?
>
> Please advise. thanks![/color]

Rule of thumb to follow - scrolling up and down is fine. Scrolling left to
right is not fine. Users do prefer all elements in the browser at once. So
I'd go for scenario 1 if I were you.

What is happening on your page is the text wraps and causes that weird
up-and-down jumping as you shrink the browser. The bit below can be up
close, but when the text wraps the other box jumps to be where it needs to
be in relation to that.

Adding the   like I did prevents the jumping, and IIRC (wish you
posted this on a live page for reference, I've erased my mockup) the
browser hadto be somewhere near 300px to have a scroll bar. To me,
scrolling when that small is acceptable, as it's not an accessibility
issue, it's a user preference at that small a viewport sizing. (As long as
any element is assigned a width, you're going to see a horizontal
scrollbar at some point.)

Try that first, see if you like it.

**Matt** · Jul 20 '05, 09:56 PM

Re: resize the browser and change the CSS position settings

Neal <neal413@spamrc n.com> wrote in message[color=blue]
> Rule of thumb to follow - scrolling up and down is fine. Scrolling left to
> right is not fine. Users do prefer all elements in the browser at once. So
> I'd go for scenario 1 if I were you.
>
> What is happening on your page is the text wraps and causes that weird
> up-and-down jumping as you shrink the browser. The bit below can be up
> close, but when the text wraps the other box jumps to be where it needs to
> be in relation to that.
>
> Adding the   like I did prevents the jumping, and IIRC (wish you
> posted this on a live page for reference, I've erased my mockup) the
> browser hadto be somewhere near 300px to have a scroll bar. To me,
> scrolling when that small is acceptable, as it's not an accessibility
> issue, it's a user preference at that small a viewport sizing. (As long as
> any element is assigned a width, you're going to see a horizontal
> scrollbar at some point.)
>
> Try that first, see if you like it.[/color]

Thanks Neal.

I added nbsp; in between Frequently Used Link as you suggested,
but the text still jumps to the left hand side. But I dont understand
what's the difference between "A B" and "A B" ?? I think
both are the same and has a space between.

I put the page in the following links. If there are banners, please close it.

Here's the page

IIS 7.5 Detailed Error - 404.0 - Not Found

http://www21.brinkster.com/xpproject/csstest/csstest.html

Here's the screen shot that specifies the problem

IIS 7.5 Detailed Error - 404.0 - Not Found

http://www21.brinkster.com/xpproject/csstest/screenshot.html

Here's the source code

IIS 7.5 Detailed Error - 404.0 - Not Found

http://www21.brinkster.com/xpproject/csstest/source.html

I really hope when we resize the browser, the text Frequently Used
Link and the links table 1 and table 2 will still line up with
table 1 on the right hand side.

Please advise. Thanks!

resize the browser and change the CSS position settings

resize the browser and change the CSS position settings

Comment

Comment

Comment

Comment