We have pretty much setup our website. We want to ensure that all pages fit on a single page width wise?

Question

We have pretty much setup our website. We want to ensure that all pages fit on a single page width wise?

Answer 1

Go to the web page below and download "Brouser Shots",

it will show you your webpage in different resolutions and different browsers so you can correct any problems

http://freetutorials.name/Reference1/html_tutorials.html#Tools

hope this helps

falcon

Answer 2

Your site's main element is ok with 800px wide since 8% or so of the people still have screens with this resolution. On the other hand, it would greatly benefit if it was centered.



Source : http://www.w3schools.com/browsers/browsers_display.asp

Answer 3

Its all on the left, looks odd



I am running 1440x900 .



It needs to be centred.



the title "THE COCONUT SHOP" is off to the right, not centred - should be a gif/jpg and not text.



I had to scroll down to see the full list of uses, this makes it look unprofessional.



The bottle graphic at the top of the page is poor, it looks as if its out of a magazine.- compare that with the other 4 photos.



Its all in a stock serif font - one I personally dislike. I looks like a site "straight out of the box" with no personalisation.



It looks "flat" and uninvolving

Answer 4

Nowadays most people have much wider screens than 800x600, which means there's a massive white gap on the right of the content. At the minute, about 30-40% of my browser is white space, with all the content bunched up on the left.



To avoid that you can simply set your width values to percentages; the content will then be scaled to fit the browser window.

If you don't wanna do that you could simply centre the content on the page - put BEFORE and AFTER .



You may also want to consider a background colour or image that replaces the white space. I'm not exactly sure of the colour code for that shade of green, but the basic code you'll wanna add is:

replace with:



or

(replacing green with the colour you need from this list: http://www.w3schools.com/html/html_colornames.asp)

Answer 5

Good job there.!! Couple of things though. You don't need a height on a table, just the width. The table will quit when it gets filled up.



Another thing. What the heck is 'extra virgin'..never met ....er....uh.....heard of that.....:-)

Answer 6

I just tested it. Your page works fine on a 800x600 resolution, and the horizontal scroll is minimal on a 640x480 resolution.



Almost everyone uses 800x600 or up now, you have nothing to worry about.

Answer 7

It looks fresh and original.



But your pages are still loft side, you need to have frames between text column on pages



You can fix it with dreamweaver.

Answer 8

The site is looking better everyday!



As mentioned by a few people, it would be better if the page was centred. This shouldn't be a problem though.



You can set the width of your tables, ensuring that you never go bigger than the screen resolution. There are two ways you can do this.



1) You can set the with in Pixels so that your table will never go wider than the screen. So the Table Width can be set to 800 and it will never go wider than 800. But this means that someone with a 1024 width screen will see lots of white background.



2) Set the width as a percentage rather than a set width in Pixels, and you can get around the white background problem. So, set the width to 95% and on an 800x600 screen, the table will only go to 760 pixels (20px of white per side of the table). On a 1024 screen the table will be 972.8px.



Both ways have their downfalls. The first shows too much white on your background, but with your current page, I don't think the white goes down too well at all (white is very corporate and modern and doesn't suit your site IMO).

The second one shows a lot less white, but can make the page look stretched on a larger screen if all your layouts are wrong.



I would suggest you use method 2 and set a percentage your happy with. This should cover most of the bases and resolutions.