Positioning Background Image

I'm new to Dreamweaver CS3 and I have what I hope is a slight problem. Please
try and help me...
I've created my body, wrappper and working areas with CSS Rules and Divs. My
body has a top margin of 0, my wrapper has a top margin of 0, when I insert a
background image in the wrapper through the background selection info, the
background image appears in the right place in design view with the overlaying
text in the correct place too, BUT, when previewed in Safari and Opera my text
is where it should be but the background image has dropped from the top browser
by a good centimeter and not positioned where it should be. My wrapper size is
800x1000pixels, my background image is 800x1000pixels. This should be simple
but I don't know where I have gone wrong.
Help.....

A link to the page, please?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Olliette" <webforumsuser (AT) macromedia (DOT) com> wrote

I'm new to Dreamweaver CS3 and I have what I hope is a slight problem.
Please
try and help me...
I've created my body, wrappper and working areas with CSS Rules and Divs.
My
body has a top margin of 0, my wrapper has a top margin of 0, when I
insert a
background image in the wrapper through the background selection info, the
background image appears in the right place in design view with the
overlaying
text in the correct place too, BUT, when previewed in Safari and Opera my
text
is where it should be but the background image has dropped from the top
browser
by a good centimeter and not positioned where it should be. My wrapper
size is
800x1000pixels, my background image is 800x1000pixels. This should be
simple
but I don't know where I have gone wrong.
Help.....

Have you tried this at the head of your css to cancel out any margins/padding related to browser

* {
margin : 0 auto;
padding : 0;
}

Thank you for that information. I had already tried that with no success. I
have spent hours reading books and researching the problem with no success to
date. I have another kind member who will also come back to me. Any other
suggestions ?
Thank you for you time and interest.
Regards
MariaCristina

margin : 0 auto;

This would not be approriate for that purpose.

If you want to only cancel margins as a beginning step, then just use -

margin:0;

Adding the "auto" could cause unexpected behavior on block elements.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"WILLO THE WISP" <webforumsuser (AT) macromedia (DOT) com> wrote

Have you tried this at the head of your css to cancel out any
margins/padding related to browser

* {
margin : 0 auto;
padding : 0;
}

Please post a link to your page.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Maria-Cristina" <webforumsuser (AT) macromedia (DOT) com> wrote

Thank you for that information. I had already tried that with no success.
I
have spent hours reading books and researching the problem with no success
to
date. I have another kind member who will also come back to me. Any other
suggestions ?
Thank you for you time and interest.
Regards
MariaCristina

Not an answer, per se, but I would suggest, to troubleshoot, to insert a border
rule in the wrapper div, i.e.; border: 1px solid red; to see where the
additional padding/margin is happening. Your image should be affixed to the
upper-left edge of the div. It show you where the problem lies.

GarryCT.
By applying the 1 pixel border has in fact taken the whole background to the
top browser. I can easily change the colour to suit the design to keep the
background at the top but surely I should not need to do this...
Thank you....

Murray,
I e-mailed you the code. I hope it makes sense..
Thank you.

Not likely that it will get to me unfortunately. Do you not feel
comfortable posting a link? That way everyone can participate in the
discussion.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Maria-Cristina" <webforumsuser (AT) macromedia (DOT) com> wrote

Murray,
I e-mailed you the code. I hope it makes sense..
Thank you.