Look at the attached screen capture. I have Firefox maximised to fullscreen, and the capture is fullscreen. Now look carefully at the scroll bars.
There is a vertical scroll bar on the right, as you would expect. But there is no horizontal scroll bar at the bottom of the screen. The text has been formatted to fit in the available page area, so no horizontal scroll bar is required for the text. But the image of the sample panel is wider than the formatted width of the page, and so has been truncated.
What I would expect to happen is that when the user alters the font size (press and hold CTRL key while spinning the scroll wheel on the mouse), the page width is not reduced below the width needed to accommodate the sample panels without truncation. So when this threshold width is reached, a horizontal scroll bar would appear at the bottom of the screen. This is how my website works. I use the "width" attribute on the "div" tag (e.g. "width:800px;").
-- from CyberSimian in the UK

There is a vertical scroll bar on the right, as you would expect. But there is no horizontal scroll bar at the bottom of the screen. The text has been formatted to fit in the available page area, so no horizontal scroll bar is required for the text. But the image of the sample panel is wider than the formatted width of the page, and so has been truncated.
What I would expect to happen is that when the user alters the font size (press and hold CTRL key while spinning the scroll wheel on the mouse), the page width is not reduced below the width needed to accommodate the sample panels without truncation. So when this threshold width is reached, a horizontal scroll bar would appear at the bottom of the screen. This is how my website works. I use the "width" attribute on the "div" tag (e.g. "width:800px;").
-- from CyberSimian in the UK