Center all content

Question

Hi All!
I am new to dreamweaver and using css. I have subscribed to
lynda.com for step by step video tutorials and they have been a
great help. I want to center all content within a set width
regardless of browser window size to create a center column look. I
have put a wrapper tag after the body tag in the css with a:
width: 800px;
margin: 0 auto;
this displays correct in firefox but aligns to the left in
safari.
Please help i still have much to learn and many sites i want
to redo...need to be done with this small silly issue!!!
Thanks!!
Jen
here is my style sheet:
margin: 0px;
padding: 0px;
Body {
background-color: #003333;
text-align: center;
font-family: "American Typewriter", Verdana, Arial,
"Helvetica CE", sans-serif;
font-size: 85%;
display: inline-block;
#wrapper {
Position: relative;
width: 800px;
margin: 0 auto;
text-align: left;
background: #ccffff url(../images/sidebar_graphic.gif)
repeat-y;
font-family: "American Typewriter", Verdana, Arial,
"Helvetica CE", sans-serif;
color: #003333;
#clear {
clear: both;
/* --------------------position container
elements------------------------------*/
#header {
postition: relative;
background-color: #336666;
color: #ccffff;
#content {
float: left;
width: 540px;
padding: 20;
text-align: justify;
font-family: "American Typewriter", Verdana, Arial,
"Helvetica CE", sans-serif;
position: relative;
p {
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
#sidebar {
float: right;
width: 250px;
text-align: center;
#footer {
background: #336666;
color: #ccffff;
fon .7ems "American Typewriter", Verdana, Arial, "Helvetica
CE", sans-serif;
margin-top: 10ems;
font-family: "American Typewriter", Verdana, Arial,
"Helvetica CE", sans-serif;
text-align: center;
#img {
max-height: 100px;
background-color: #000000;
max-width: 100px;
position: relative;
margin-left: 25%;
margin-right: auto;

Answer 1

jennlmont wrote:
> Hi All!
>
> I am new to dreamweaver and using css. I have subscribed
to lynda.com for
> step by step video tutorials and they have been a great
help. I want to center
> all content within a set width regardless of browser
window size to create a
> center column look. I have put a wrapper tag after the
body tag in the css
> with a:
>
> width: 800px;
> margin: 0 auto;
>
> this displays correct in firefox but aligns to the left
in safari.
Seems to display correctly in my version of Safari on a Mac.
Are you testing in Safari on a PC? I think I read recently
that Safari
now runs on a PC but I don't know enough about it to make a
suggestion.
If you're testing on a Mac can you say what version of
Safari. Someone
may be able to shed some light on the problem.
> Please help i still have much to learn and many sites i
want to redo...need to
> be done with this small silly issue!!!
>
> Thanks!!
> Jen
>
> here is my style sheet:
>
> * {
> margin: 0px;
> padding: 0px;
> }
>
>
> Body {
> background-color: #003333;
> text-align: center;
> font-family: "American Typewriter", Verdana, Arial,
"Helvetica CE",
> sans-serif;
> font-size: 85%;
> display: inline-block;
> }
>
>
> #wrapper {
> Position: relative;
> width: 800px;
> margin: 0 auto;
> text-align: left;
> background: #ccffff url(../images/sidebar_graphic.gif)
repeat-y;
> font-family: "American Typewriter", Verdana, Arial,
"Helvetica CE",
> sans-serif;
> color: #003333;
> }
> #clear {
> clear: both;
> }
>
> /* --------------------position container
> elements------------------------------*/
>
> #header {
> postition: relative;
> background-color: #336666;
> color: #ccffff;
> }
>
> #content {
> float: left;
> width: 540px;
> padding: 20;
> text-align: justify;
> font-family: "American Typewriter", Verdana, Arial,
"Helvetica CE",
> sans-serif;
> position: relative;
> }
>
> p {
> padding-top: 0px;
> padding-right: 10px;
> padding-bottom: 0px;
> padding-left: 10px;
> }
>
> #sidebar {
> float: right;
> width: 250px;
> text-align: center;
> }
>
> #footer {
> background: #336666;
> color: #ccffff;
> fon .7ems "American Typewriter", Verdana, Arial,
"Helvetica CE", sans-serif;
> margin-top: 10ems;
> font-family: "American Typewriter", Verdana, Arial,
"Helvetica CE",
> sans-serif;
> text-align: center;
> }
>
> #img {
> max-height: 100px;
> background-color: #000000;
> max-width: 100px;
> position: relative;
> margin-left: 25%;
> margin-right: auto;
> }
>
>
>