Dreamweaver background images alignment

[lajones3]

I've been working on this site
www.alaskaslastfrontier.com
Basically, they want the webpage to "take up the whole page" as opposed to being centered. How do I do this and take into consideration the different browser sizes and settings. I tried the background image and using .css to align right, but it did not work correctly in Firefox or Safari (only in IE).
So my work around was to use layers and build a "background image" with the text for the links on it. Then use an image map to activate the links. It works ok, but if you resize your browser, it can screw up the layout for the rest of the page.
It only becomes a readability program if you make your browser smaller. If you make it larger it justs stretches out the layout. I set the right alignment to 0 for the "background image" layer, so it would always "fill the screen" and keep the white space off of the right side.
Any help would be greatly appreciated. I've been teaching myself Dreamweaver and have a fair grasp on it.
Please help. Thanks again.
lajones3

[joecacia]

Hey there lajones, I want to welcome you and to tell you that we have rules in here.
Please, introduce your self first in introduction section, and theen you can always ask for help and you will for sure get it.
Again welcome and have fun.

[chicgeek]

Jo... it's not a rule, it's a suggestion.

la: I'll take a look at this later, if thats alright.

[bratwebdesign]

If you are only talking about the background image of the stones on the right side. You could try this:

Replace this:

body {
	background-image: url();
	background-repeat: no-repeat;
	background-position: right-position;
}

With this:

body {
	background: url(alfbg.gif) fixed no-repeat 100% 0;
	margin: 0;
	padding: 0;
}

Hope this helps.

[lajones3]

I replaced the code with the one you suggested. I can't see my background image in Safari or Firefox now. I'll try to leave this version up for a little while, but without the background image you can't see where to click to navigate.

Actually, what I will do, is upload this version as
http://www.alaskaslastfrontier.com/index1.htm

That way I can post the other version back and keep the customer happy.

So any other suggestions on a fix for this?

Thanks again

[bratwebdesign]

Try removing the bold coding from the section below.

<div id="background" style="position:absolute; right:0px; top:-15px; width:751px; height:725px; z-index:1; background-image: url(alfbg.gif); layer-background-image: url(alfbg.gif); border: 1px none #000000; visibility: hidden;">

[lajones3]

I deleted the code you suggested on the index1.htm page.
Could someone please check it. On my computer, I'm still not seeing the background image.

Thanks again

[bratwebdesign]

Remove the first margin and padding from this and also you need to remove the -image from the background.

body {
	margin: 0;
	padding: 0;
	background-image: url(alfbg.gif) fixed no-repeat 100% 0;
	margin: 0;
	padding: 0;
}

[lajones3]

Okay, Sorry if this is annoying. I changed the code as you suggested. Now I can see my background image, but it is not all the way to the right of the screen.

Still the index1.htm page
Thanks again

[bratwebdesign]

The section below is missing from the page:

<div id="background" style="position:absolute; right:0px; top:-15px; width:751px; height:725px; z-index:1">
  <map name="Map">
    <area shape="rect" coords="532,267,668,307" href="fishing.htm" alt="Fishing">
    <area shape="rect" coords="537,315,679,344" href="lodging.htm" alt="Lodging">
    <area shape="rect" coords="537,357,697,385" href="activities.htm" alt="Activities">
    <area shape="rect" coords="537,401,646,428" href="rates.htm" alt="Rates">
    <area shape="rect" coords="532,441,681,471" href="location.htm" alt="Location">
    <area shape="rect" coords="521,483,740,516" href="photos.htm" alt="Photo Gallery">
    <area shape="rect" coords="508,526,643,555" href="contact.htm" alt="Contact Us">
  </map>
</div>

[lajones3]

That code was for the layer I am currently using on the regular home page (in place of the background image) - I'm pretty sure at least . It shows the layer and the image map I dre to activate the links.
If I can get the background image to layout correctly, all to the right side of the page. I will insert the links normally (not using an image map).
Does this make sense?

Thanks for all your help.
lj