I am having an issue with the index page at http://http://www.pixelsandpaper.com/stANNES/St%20annes/index.html which islocated in a temporary location. I have set the container div to 960 px wide and have set the left and right margins to 20%, however, when the page displays in Chrome there is a marked displacement to the left of the screen. The other 2 pages in the site have the same settings but appear just fine. In other browsers the left display is not as evident but it is still there. I am using Dreamweaver CS6
Perhaps someone can tell me what the problem is. I appreciate your comments.
Skip the 20% for the right & left margin and use "auto"
background-color: #FFFFFF; /* the auto value on the sides, coupled with the width, centers the layout */
Thanks so much, looks like that will solve the problem.
Perhaps you can help with the second issue which is a difference in the top margin between the indexpage and the other pages. I woould like a small margin and have set it to 10 in all pages, but the top margin appears larger in the other 2 pages amd so the pageappears to jumpwhen going to the index page link, rather than transition smoothly.
View the source code on the two different pages... Home and Features for example.
CSS properties for .container are repeated in several places. I'd recommend that you consolidate all those various .container rules into one place.
Anyway, on the Features page you have the margin-top set at 25px;
If you have all the rules for .container in just one place, it's a lot easier to troubleshoot.
Europe, Middle East and Africa