Need a little help.

[dflynn]

Hey guys and gals,
I've been reworking a website for the past 24 hours but have hit a wall.
http://www.cataractinn.ca/cataract/index.html

There is a background image that is supposed to appear behind he text in the body (where the second box is) but it's not working.

I've gotten this to work before on my own site which isn't up yet but even after trying a little copy/paste I still can't get it. And now I think I've been staring at this for so long I can't find my own mistakes.

And when I resize the window in Firefox the links up top jump around. Anyway to stop that?

If you can take a look at my code and try and find out where I went wrong that would be fantastic.

Thanks

[flabbyrabbit]

Ok what i think, first thing i noticed. <div class="content"> does not have a background image in you CSS. So if you changed:

Code: Select all

.content{
   float: right;
   width: 454px;
   margin-left: 10px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   height: auto;
   
   color :#000000;
   text-align: left;
   vertical-align: top;
}

to...

Code: Select all

.content{
   float: right;
   width: 454px;
   margin-left: 10px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   height: auto;
   background-image: url(images/cataractmain_05.png);
   background-repeat: repeat-y;
   
   color :#000000;
   text-align: left;
   vertical-align: top;
}

That may sort it?

Flabby Rabbit

[dflynn]

not quite.
.content{
is supposed to expand content-container{ which should expand main{. and main{ has the background in it.
I use the content-container{ to expand main{ instead of content{ because links{ is also a part of content-container{ because I want it to be able to expand main{ if needed.

I don't know why it doesn't work this time around.

thanks for the reply though

[dflynn]

Ah! I fixed it!
The <div style="clear:both"></div> should have been within the Main{ div. I missed that. Thans for your response Flabbyrabbit.