By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,723 Members | 1,665 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,723 IT Pros & Developers. It's quick & easy.

Page breaking when browser width changed

P: n/a
Ben
I have a page for my company that I need assistance with:

http://www.eastex.net/ben/NewETN/subPage.htm

When you resize the window (NS or IE) small enough that you have to scroll
horizontally (because of logo image), scrolling right breaks the layout.
I'm using 100% div widths, and these apparently don't reset when scrolling.
I tried using a min-width and IE hack for min-width (
width:expression(document.body.clientWidth < 550 ? "450px" : "100%" ); ),
but then the page only starts scrolling sooner, and still breaks the layout.

I can't get around using 100% because that was the approved page design.
Are there workarounds for this type of problem (beside using tables)?

Thanks in Advance
--
Ben
Jul 20 '05 #1
Share this Question
Share on Google+
4 Replies


P: n/a
"Ben" <ben at eastex dot net> wrote in message
news:10*************@corp.supernews.com...
I have a page for my company that I need assistance with:

http://www.eastex.net/ben/NewETN/subPage.htm

When you resize the window (NS or IE) small enough that you have to scroll
horizontally (because of logo image), scrolling right breaks the layout.
I'm using 100% div widths, and these apparently don't reset when scrolling. I tried using a min-width and IE hack for min-width (
width:expression(document.body.clientWidth < 550 ? "450px" : "100%" ); ),
but then the page only starts scrolling sooner, and still breaks the layout.
I can't get around using 100% because that was the approved page design.
Are there workarounds for this type of problem (beside using tables)?

Thanks in Advance
--
Ben

Looked at this page with IE 6.2 and so no "broken layout". Had to go
reallllllllyyyy small to get a scrolling bar, but so no change (other than
the position of your "the world in a mouse click" line).

George
Jul 20 '05 #2

P: n/a
Ben
Yeah, it's almost a too small it's ridiculous type thing, but if you make
the browser window small enough to hide the logo a little, and then scroll
to the right, the bars cut off.

Here's a screen shot of it in Firefox (it does the same in NS and IE):
http://www.eastex.net/ben/newetn/subPage.jpg

This isn't a detrimental issue right now (with only text in the main content
section), it's just that I hate to not fix it because it might haunt me in
the future if I have a large image that makes it scroll horizontally.

--
Ben
"sma1king" <gk***@geking.com> wrote in message
news:sq******************@nwrddc02.gnilink.net...
| "Ben" <ben at eastex dot net> wrote in message
| news:10*************@corp.supernews.com...
| > I have a page for my company that I need assistance with:
| >
| > http://www.eastex.net/ben/NewETN/subPage.htm
| >
| > When you resize the window (NS or IE) small enough that you have to
scroll
| > horizontally (because of logo image), scrolling right breaks the layout.
| > I'm using 100% div widths, and these apparently don't reset when
| scrolling.
| > I tried using a min-width and IE hack for min-width (
| > width:expression(document.body.clientWidth < 550 ? "450px" :
"100%" ); ),
| > but then the page only starts scrolling sooner, and still breaks the
| layout.
| >
| > I can't get around using 100% because that was the approved page design.
| > Are there workarounds for this type of problem (beside using tables)?
| >
| > Thanks in Advance
| > --
| > Ben
| >
| Looked at this page with IE 6.2 and so no "broken layout". Had to go
| reallllllllyyyy small to get a scrolling bar, but so no change (other than
| the position of your "the world in a mouse click" line).
|
| George
|
|
Jul 20 '05 #3

P: n/a
Ben
I talked to a guy in IRC and he was saying that the page never broke for him
also. He suggested I get the latest version of Firefox and IE, and I
explained I already have (I got Firefox 2 days ago actually). I cleared my
cache etc etc, with no avail.

Is there something I'm doing incorrectly? I've tested this from multiple
computers to make sure, and the page breaks on all machines. I don't know
if I'm explaining the problem incorrectly, but the screen shot shows the
problem I'm experiencing:

www.eastex.net/ben/newetn/subpage.jpg

TIA
--
Ben


"Ben" <ben at eastex dot net> wrote in message
news:10*************@corp.supernews.com...
| Yeah, it's almost a too small it's ridiculous type thing, but if you make
| the browser window small enough to hide the logo a little, and then scroll
| to the right, the bars cut off.
|
| Here's a screen shot of it in Firefox (it does the same in NS and IE):
| http://www.eastex.net/ben/newetn/subPage.jpg
|
| This isn't a detrimental issue right now (with only text in the main
content
| section), it's just that I hate to not fix it because it might haunt me in
| the future if I have a large image that makes it scroll horizontally.
|
| --
| Ben
|
|
| "sma1king" <gk***@geking.com> wrote in message
| news:sq******************@nwrddc02.gnilink.net...
| | "Ben" <ben at eastex dot net> wrote in message
| | news:10*************@corp.supernews.com...
| | > I have a page for my company that I need assistance with:
| | >
| | > http://www.eastex.net/ben/NewETN/subPage.htm
| | >
| | > When you resize the window (NS or IE) small enough that you have to
| scroll
| | > horizontally (because of logo image), scrolling right breaks the
layout.
| | > I'm using 100% div widths, and these apparently don't reset when
| | scrolling.
| | > I tried using a min-width and IE hack for min-width (
| | > width:expression(document.body.clientWidth < 550 ? "450px" :
| "100%" ); ),
| | > but then the page only starts scrolling sooner, and still breaks the
| | layout.
| | >
| | > I can't get around using 100% because that was the approved page
design.
| | > Are there workarounds for this type of problem (beside using tables)?
| | >
| | > Thanks in Advance
| | > --
| | > Ben
| | >
| | Looked at this page with IE 6.2 and so no "broken layout". Had to go
| | reallllllllyyyy small to get a scrolling bar, but so no change (other
than
| | the position of your "the world in a mouse click" line).
| |
| | George
| |
| |
|
|
Jul 20 '05 #4

P: n/a
Ben
I apoligize for me replying to myself, the voices in my head are getting
louder and I can't concentrate.

Ok, I've put a large image there to see what happens. It does the same
thing, only farther to the right. You have to make the browser window small
(to enable horizontal scrolling), and then scroll to the right. The colored
bars do not continue to the right of the window.

If anyone knows a solution to this problem, I would greatly appreciate your
assistance.

--
Ben


"Ben" <ben at eastex dot net> wrote in message
news:10*************@corp.supernews.com...
| Yeah, it's almost a too small it's ridiculous type thing, but if you make
| the browser window small enough to hide the logo a little, and then scroll
| to the right, the bars cut off.
|
| Here's a screen shot of it in Firefox (it does the same in NS and IE):
| http://www.eastex.net/ben/newetn/subPage.jpg
|
| This isn't a detrimental issue right now (with only text in the main
content
| section), it's just that I hate to not fix it because it might haunt me in
| the future if I have a large image that makes it scroll horizontally.
|
| --
| Ben
|
|
| "sma1king" <gk***@geking.com> wrote in message
| news:sq******************@nwrddc02.gnilink.net...
| | "Ben" <ben at eastex dot net> wrote in message
| | news:10*************@corp.supernews.com...
| | > I have a page for my company that I need assistance with:
| | >
| | > http://www.eastex.net/ben/NewETN/subPage.htm
| | >
| | > When you resize the window (NS or IE) small enough that you have to
| scroll
| | > horizontally (because of logo image), scrolling right breaks the
layout.
| | > I'm using 100% div widths, and these apparently don't reset when
| | scrolling.
| | > I tried using a min-width and IE hack for min-width (
| | > width:expression(document.body.clientWidth < 550 ? "450px" :
| "100%" ); ),
| | > but then the page only starts scrolling sooner, and still breaks the
| | layout.
| | >
| | > I can't get around using 100% because that was the approved page
design.
| | > Are there workarounds for this type of problem (beside using tables)?
| | >
| | > Thanks in Advance
| | > --
| | > Ben
| | >
| | Looked at this page with IE 6.2 and so no "broken layout". Had to go
| | reallllllllyyyy small to get a scrolling bar, but so no change (other
than
| | the position of your "the world in a mouse click" line).
| |
| | George
| |
| |
|
|
Jul 20 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.