I just started a new site and I want it to show up with the same size on both large and small monitors. I use a large monitor, and when you see my site on a smal one you have to slide over to the right to see the whole thing. I tried playing around with Media Queries but really got confused, any help would be appreciated. Thanks.
If you have CS6, look at the Fluid Grid Layouts feature. It compiles the CSS Media Queries for you.
Live Example (resize your browser viewport):
CS6 Fluid Grid Layouts (6 min video)
CS6 Fluid Grid layouts (17 min video)
Creative Cloud 12.2 - New Fluid Grid Layouts Features
Step-by-Step tutorial -- Building Fluid Grid Layouts in DW CS6
Sorry, 5.5 doesn't contain the Fluid Grid Layouts feature. That was new in CS6.
Try Project Seven's Responsive Layouts (commercial extensions for DW)
Introduction to CSS Media Queries
I just started a new site and I want it to show up with the same size on both large and small monitors. I use a large monitor, and when you see my site on a smal one you have to slide over to the right to see the whole thing.
When you say small monitor, how small is "small"? Laptop size? Tablet size?
I have a suspicion that your wrapper for the site is too big. Recommended width for most websites that don't use liquid layouts is typically 960px-990px as this fits in all monitors with resolution of 1024x768 or higher - most modern monitors far exceed this.
As suspected, your site is much larger than the recommended width for fixed width sites - 960-990px. The image at the bottom of the site is 1400px wide.
A wrapper is a div that contains all the site elements to effectively hold everything in place. You do have a wrapper div on your site, but I suspect it is of little use to you as you have everything positioned absolutely - apdivs! This is a very big mistake.
Ideally, your site should contain no positioning and use only floats and clears. This might help: http://css-tricks.com/all-about-floats/
Ultimately it's your call however my advice would be to recreate your site template/structure using floated divs and a separate CSS file. This will give you much more flexibility and control and will also save you pounding headaches down the road.
DW has a very good tutorial from start to finish on how to create a website. It might be good to have a read through and just skip the parts you have already completed.
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt3.htm l (there are 6 parts)