Hi, i just manage to resize the body to pixel (no problems).
But now i dont find where to align the body to the center.
Thanks
Put this into the extra CSS for the container:
margin: 0 auto;
ok, i put this
border: 1px solid #e4e4e4;
margin: 0 auto;
padding: 20px;
text-align: left;
and still on the left.
Experimenting
i add this:
border: 1px solid #e4e4e4;
margin: 175px;
padding: 20px;
text-align: left;
almost worked
in that field, instead of:
text-align: left;
change it to
text-align: center;
and in the container, add:
text-align: left;
Something is wrong maybe i miss something:
body {
background: #efefef;
width: 990px;
color: #000;
text-align: center;
line-height: 1.4;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
a:link {
color: #026CB1;
text-decoration: none;
}
a:visited {
color: #026CB1;
text-decoration: none;
}
a:hover, a:active {
color: #000;
text-decoration: underline;
}
#container {
background: #fff;
width: 95%;
color: #000000;
border: 1px solid #e4e4e4;
margin: 0 auto;
padding: 20px;
text-align: center;
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}
try this:
body {
background: #efefef;
width: 990px;
color: #000;
text-align: left;
line-height: 1.4;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
a:link {
color: #026CB1;
text-decoration: none;
}
a:visited {
color: #026CB1;
text-decoration: none;
}
a:hover, a:active {
color: #000;
text-decoration: underline;
}
#container {
background: #fff;
width: 95%;
color: #000000;
border: 1px solid #e4e4e4;
margin: 0 auto;
padding: 20px;
text-align: left;
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}
its done, thanks all
