I'm trying to build my first website for publication, but the background image
of my "main" div goes all the way left when I preview in a browser.

Page properties have margins set to 0 and a background.
Inside the 760 wide "container" div, which has margin set to auto, there is:
760 x 150 "header div with only and image
150 x 700 "sidebar" div with an image background. (inside that will be image
nav buttons stacked on top of one another) This div is floated left
610 x 700 "main" div with a 610 x 700 old paper background image
I had to create another "text" div inside "main" for the welcome text on the
index page, since centering the text screws up the background of "main" if I
simply put the text in that div

The problem I'm running into, with or without the "text" div, is that the
"main" background, which looks perfect in Dreamweaver, is pushed left when I
preview in a browser, so that it actually begins where the "container" div
starts on the left, if that makes sense. Like it's behind the "sidebar" div,
and since it's a presized image with borders, I can't just repeat it to make it
reach the right side of the page!

Since the "main" is inside "container," is it inheriting properties? But what
properties would make a separate image in a separate div behave like that? I
said first website for publication, but really my first website period. I
played around with a pre-formatted frames page and made it look OK locally, but
this is a whole 'nother ball game. Thanks in advance for any advice!

Please upload the page with all supporting files and post a (clickable)
link. Until we can see the page in context it's nearly impossible to say
what is wrong.

--

Walt


"dmchord" <webforumsuser@macromedia.com> wrote in message
news:g980ug$mjr$1@forums.macromedia.com...
> I'm trying to build my first website for publication, but the background
> image
> of my "main" div goes all the way left when I preview in a browser.
>
> Page properties have margins set to 0 and a background.
> Inside the 760 wide "container" div, which has margin set to auto, there
> is:
> 760 x 150 "header div with only and image
> 150 x 700 "sidebar" div with an image background. (inside that will be
> image
> nav buttons stacked on top of one another) This div is floated left
> 610 x 700 "main" div with a 610 x 700 old paper background image
> I had to create another "text" div inside "main" for the welcome text on
> the
> index page, since centering the text screws up the background of "main" if
> I
> simply put the text in that div
>
> The problem I'm running into, with or without the "text" div, is that the
> "main" background, which looks perfect in Dreamweaver, is pushed left when
> I
> preview in a browser, so that it actually begins where the "container" div
> starts on the left, if that makes sense. Like it's behind the "sidebar"
> div,
> and since it's a presized image with borders, I can't just repeat it to
> make it
> reach the right side of the page!
>
> Since the "main" is inside "container," is it inheriting properties? But
> what
> properties would make a separate image in a separate div behave like that?
> I
> said first website for publication, but really my first website period. I
> played around with a pre-formatted frames page and made it look OK
> locally, but
> this is a whole 'nother ball game. Thanks in advance for any advice!
>
>
>