Page breaking when browser width changed

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:expressio n(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

Subscribe Reply

2876

sma1king

"Ben" <ben at eastex dot net> wrote in message
news:10******** *****@corp.supe rnews.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:expressio n(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

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.c om> wrote in message
news:sq******** **********@nwrd dc02.gnilink.ne t...
| "Ben" <ben at eastex dot net> wrote in message
| news:10******** *****@corp.supe rnews.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:expressio n(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

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.supe rnews.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.c om> wrote in message
| news:sq******** **********@nwrd dc02.gnilink.ne t...
| | "Ben" <ben at eastex dot net> wrote in message
| | news:10******** *****@corp.supe rnews.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:expressio n(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

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.supe rnews.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.c om> wrote in message
| news:sq******** **********@nwrd dc02.gnilink.ne t...
| | "Ben" <ben at eastex dot net> wrote in message
| | news:10******** *****@corp.supe rnews.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:expressio n(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

Similar topics

3101

How do I setup php script to return a browser page?

by: Don | last post by:

I want the server-side php script to return a browser page that is essentially a copy of the original client page that contained the <form> which referenced the php script in the first place. However, the php script will need to change a couple html lines in that returned page. I sure could you some help on how to go about this. Thanks in advance, Don ----== Posted via Newsfeeds.Com - Unlimited-Uncensored-Secure Usenet News==----

PHP

179

44490

Keeping Web Page at Fixed Width

by: SoloCDM | last post by:

How do I keep my entire web page at a fixed width? ********************************************************************* Signed, SoloCDM

HTML / CSS

2545

Left side of page disappears in Mozilla?

by: Anders Wegge Jakobsen | last post by:

Hi, I'm playing around with a layout for a weblog. A mockup can be seen at <http://outside.bakkelygaard.dk/~wegge/testblog/index.html>. The page has a fixed width of 800px, so I'm perfectly aware that horizontal scroll will occur wneh the brpwser viewport is narrower than that. That's simply a design tradeoff between having a useable proportion between the -bar on the right and the main content.

HTML / CSS

13373

Lock the page-width

by: Sune A | last post by:

Hi All! I'm having problems with www.suneworld.com The thing is that I'd like to lock the width of the page, so that it won't adjust dynamically. Any CSS people out there that can help me? Kind regards, Sune Alexandersen

HTML / CSS

5742

To print an alternate page

by: Steel | last post by:

Hi at all, I have a very long html page with many photo. Therefore the best to print this page is to print the some page as PDF. Therefore I maked a PDF file like my page to print best. I'ld want that when the user press the print button in the browser , it print automatically the pdf file and not the html page. To do that I insert at the top of my page: <link media="print" rel="alternate" href="printthepage.pdf"> But it do not work and...

HTML / CSS

6935

horizontal row of divs without breaking and YES with scrollbar

by: dan | last post by:

Hi folks, I have a very simple requirement - I want to have a row of divs of fixed size (but unknown number of them) This will be in a container div and scrolled by other means Is there any way of doing this so that the row is maintained and does not break at the browser width? Typically IE does what I want.... although I gather its "wrong" on the specs. I can see myself ending up using a table, which spoils some other plans

HTML / CSS

1307

Rebinding page after image is resized on server not showing new sized image

by: Earl Teigrob | last post by:

I have written a photo app that allows the administrator to resize photos in an admin panel above the photo on the page. When the the new size is entered, the data is saved into a datastore and the page is rebound. During the rebining process, the size of the image on the server is phisically changed to the new size (uses the photo master to size from). This rebinding works fine for everything except the photo itself. The page does not...

ASP.NET

4906

Can't make this page work

by: scottyman | last post by:

I can't make this script work properly. I've gone as far as I can with it and the rest is out of my ability. I can do some html editing but I'm lost in the Java world. The script at the bottom of the html page controls the form fields that are required. It doesn't function like it's supposed to and I can leave all the fields blank and it still submits the form. Also I can't get it to transfer the file in the upload section. The file name...

Javascript

2409

Web Page Positioning

by: GaryDean | last post by:

In my old 1.1 apps the default was MS_POSITIONING="GridLayout" and Textboxes and labels and such always had POSITION: absolute; and I never had any distortion when the page was rendered. Life was good. now in 2.0 I'm using the default placeholder and putting a table in the placeholder and putting controls in the cells in the table. "the way it is supposed to be done" I have a textbox in a table that is defined as follows... <td...

ASP.NET

10609

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

10360

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

10366

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

10105

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

7646

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

6876

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

5542

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

4323

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

3007

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General