If I got what you want correct concerning the page width, try this and adjust the highlighted value as you see fit:
Code:
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 90%;
border: 1px solid #ccc;
}
Separate the #logo tag...so change this:
Code:
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}
to this:
Code:
#logo {
text-align: center;
}
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}
Also did not see a tagline and with a logo that is 750px wide there may not be the space to place it next to the logo, but you can adjust the vertical position by adding a height statement and vertical-align statement and make adjustments as required like this:
Code:
#tagline {
padding: 1em 0 0 0;
padding-top: 90px;
text-align : center;
color: #003300;
}
To this:
Code:
#tagline {
padding: 1em 0 0 0;
float: right;
color: #003300;
line-height: 80px;
vertical-align: bottom or middle;
}
Bookmarks