All Sizes How do i get my webpage to look the same on all sizes of monitors?
I am using Adobe GoLive CS and have a start on a webpage. Everything is fine on my PC but when I view the page on a different computer with a different size monitor, the page is all out of center. My site is http://www.steigdesign.com if you view it you may see what i mean. Please help me with this issue. Thanks!
It's NOT the monitor size that matters. It is the Viewer's browser window size that matters. Not everyone runs their browser at full screen size. I have a 22-inch monitor and my browser stays at the size I want at all times except when I check web pages. You can try using percents for the widths, but it must be less than 100% if you want it centered properly.
You have 33 critical HTML errors. If you want to be as close to cross-broswer compatible, you might want to fix those.
You have NO proper document type. This ensures that your page is NOT cross-browser compatible because no doctype or an improper doctype puts all browsers in to Quirks Mode. Yours is missing the URI.
HTML Tidy flagged these:
Result: 2 errors / 45 warnings
line 9 column 3 - Error: is not recognized!
line 9 column 3 - Warning: discarding unexpected
line 11 column 3 - Warning: discarding unexpected
line 12 column 3 - Error: is not recognized!
line 12 column 3 - Warning: discarding unexpected
line 26 column 3 - Warning: discarding unexpected
line 34 column 32 - Warning: is not approved by W3C
line 40 column 31 - Warning: is not approved by W3C
line 45 column 31 - Warning: is not approved by W3C
line 50 column 30 - Warning: is not approved by W3C
line 55 column 31 - Warning: is not approved by W3C
line 60 column 31 - Warning: is not approved by W3C
line 65 column 32 - Warning: is not approved by W3C
line 68 column 30 - Warning: is not approved by W3C
line 69 column 30 - Warning: is not approved by W3C
line 70 column 31 - Warning: is not approved by W3C
line 71 column 31 - Warning: is not approved by W3C
line 72 column 31 - Warning: is not approved by W3C
line 73 column 32 - Warning: is not approved by W3C
line 74 column 32 - Warning: is not approved by W3C
line 75 column 32 - Warning: is not approved by W3C
line 30 column 3 - Warning:
proprietary attribute "cool"
line 30 column 3 - Warning:
proprietary attribute "gridx"
line 30 column 3 - Warning:
proprietary attribute "gridy"
line 30 column 3 - Warning:
proprietary attribute "height"
line 30 column 3 - Warning:
proprietary attribute "showgridx"
line 30 column 3 - Warning:
proprietary attribute "showgridy"
line 30 column 3 - Warning:
proprietary attribute "usegridx"
line 30 column 3 - Warning:
proprietary attribute "usegridy"
line 31 column 4 - Warning:
proprietary attribute "height"
line 33 column 5 - Warning:
proprietary attribute "xpos"
line 36 column 4 - Warning:
proprietary attribute "height"
line 38 column 5 - Warning:
proprietary attribute "xpos"
line 42 column 4 - Warning:
proprietary attribute "height"
line 43 column 5 - Warning:
proprietary attribute "xpos"
line 47 column 4 - Warning:
proprietary attribute "height"
line 49 column 5 - Warning:
proprietary attribute "xpos"
line 52 column 4 - Warning:
proprietary attribute "height"
line 54 column 5 - Warning:
proprietary attribute "xpos"
line 57 column 4 - Warning:
proprietary attribute "height"
line 59 column 5 - Warning:
proprietary attribute "xpos"
line 59 column 219 - Warning: attribute "id" has invalid value "_image"
line 62 column 4 - Warning:
proprietary attribute "height"
line 64 column 5 - Warning:
proprietary attribute "xpos"
line 67 column 4 - Warning:
proprietary attribute "height"
line 67 column 4 - Warning: