Once it's done, it'll be switched over to a new live server. The site has a fixed width which I'm actually specifying with PHP (the stylesheet uses PHP, but caches it, don't worry). So when I'm specifying the width of the site, I'm using this $pagewidth variable, and it's 1000px. All is well in testing. I just download chrome on my iPad, and test the site. What the hell??
The site is compacted. The tractor is pushed slightly inwards, but still sits at the left-most edge. The little things on the right on the home page that say about consultancy and contacting us etc. spill onto a new line. Same goes for Safari on the iPad. I then test it on another, older computer in the house, and have the same result.
I've never come across a situation like this, where a fixed width website renders differently on different screens.
Yes, but this is a fixed width. There should be no variance in the space available to me from browser to browser. Fair enough, if the resolution of a screen is small, they will have to scroll sideways (the width is only 1000px though), but the actual area of the webpage should remain the same. It doesn't.
EDIT: I mean it's a good 50px or so out. What gives?
Fixed width does not mean absolutely fixed as it is all relative to the browser's viewport size. If the vertical and horizontal content can not be viewed, then the default action of the browser is to generate scrollbars for the viewer unless you have CSS rules overriding this action (visibility: hidden. I have a 23-inch screen and using a high resolution, yet, if I resize my browser small enough, it will generate a horizontal scrollbar along with the vertical one which probably has already been generated.
Exactly, the same goes for me. If I scale my browser to a small size, scrollbars are generated. This is normal and what I want. However, on my iPad and another computer, the actual size of the website is reduced. Maybe a screenshot will help..
Bookmarks