Saved Bookmarks
| 1. |
Solve : Web Page Size? |
||
|
Answer» I'm having trouble with a web site I'm designing. I'm nearly done but my pages dont always look good in 100% zoom on web browsers haft the information is getting cut off. What is the best way to make my page good ENOUGH in most web browsers to see all the information. did you try to put everything inside a table?
I do it all the time i design on a square monitor 800*600 than after i am done with the design, if i open it on a larger setting or a wide screen monitor the function "width =100%" places everything in that screen without losses If you want your information centered in the middle than you can add those comands like follows: it keeps it all at the top middle of a screen no matter how wide or small the settings are as long as they dont go smaller than 800*600 but i dont think anyone would. I would not recommend using tables to format design. It is against the separation of styles and content. CSS is more than capable of handling this problem. If you html code is correctly structured you shouldn't have any problems. Can you post some code to show what you are doing?The relatively new flat screen monitors are generally wider and I've FOUND that using 100% width will stretch the page a great deal. I've found that a width of 900-1000px WORKS well on all monitors.Using tables is the correct idea, but will slow down the users experience with the website (as it has to fully load before displaying). Try using divs and css instead if possible with a liquid center (so it adjusts to screen resolution as best as possible without too much white space). The issue with this is getting them to float correctly in place with DIFFERENT resolutions (not wrapping) and making sure it's still cross-browser COMPATIBLE (IE support, Firefox, etc). Table are so much easier in this case, as Firefox and IE sometimes treat HTML differently, however divs are faster and more SEO friendly (specially when reordering main content). As freedom said, 800x600 to 1024x7678 would be the best resolutions to focus on. Depending on what your trying to layout you could try something like: http://matthewjamestaylor.com/blog/perfect-3-column.htmI mainly just design my site with a width of 1000px. I found its one less thing to think about and check as to when using a %. Also 100px seems to fit well in most monitors. |
|||