backgroung not all the way down in firefox and opera

[valley decor]

hello again,

I am just about done when i checked the site in opera and firefox. The background does not go all the way down. Looks fine in IE7. dont know about 5 or 6. I think it has something to do with the cc.gif image.

Is there an html error that someone may be able to spot?? Firefox tools are no help on this issue.

www.valleydecoratingdepot.com

Thanks you very much.

Regards,

Bob

[peblaco]

It's your CSS. The right column is floating over the top of it's container. You need to clear the two floated columns. By the way your credit card image is outside your left/right columns.

[valley decor]

Your amazing Louise!!!! Thanks!!!

[valley decor]

Which one, the one under the shopping cart or on the bottom of the left menu?? Maybe it is ok now, you might have looked at whiles changes were being made.

Please advise

Thanks,

Regards,

[valley decor]

Hi again,

I have done what Louise said and I decided to get rid of the cc image all together. I still do not get a backgroung image in FF and Opera. Also the checkout pages are all screwed up in IE but not in FF or opera.... HELP!!!

[valley decor]

Yes, I did put it there, here is a snippet of the code. but still no luck getting it to work.


<actinic:variable value="Sidebar New Products List In A Box" name="NewProductListSidebar" if="%3cactinic%3avariable%20name%3d%22NewProductsListInSidebar%22%20%2f%3e" />
<actinic:variable value="Sidebar Best Sellers List In A Box" name="BestSellerListSidebar" if="%3cactinic%3avariable%20name%3d%22BestSellersListInSidebar%22%20%2f%3e" />
</div>



<div class="contemporary_right_column"><div style="clear: both;"></div>
<a name="top"></a>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsNotPreviewMode%22%20%2f%3e">
<!-- When logged in, this gives the company name, username and a login link -->
<Actinic:Variable Name="NowServing"/><Actinic:Variable Name="CurrentAccount"/><Actinic:Variable Name="LogoutSimple"/><br />
</actinic:block>
<div align="center">
<actinic:variable name="HeaderFooter" value="Header Text" />
</div>

<actinic:variable name="INNERLAYOUT" />

<div align="center">

[leehack]

Robert, where do you get your patience from, i'd have lost the plot after this long, i wish i had patience like you. You must have had lots of kids or something, is your surname Von Trapp?

[valley decor]

Please explain....

I think I did it right what Louise said, no??

[valley decor]

OK, here is the right column code now. Still the same thing

<div class="contemporary_right_column">
         <a name="top"></a>
         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsNotPreviewMode%22%20%2f%3e">
            <!-- When logged in, this gives the company name, username and a login link -->
            <Actinic:Variable Name="NowServing"/><Actinic:Variable Name="CurrentAccount"/><Actinic:Variable Name="LogoutSimple"/><br />
         </actinic:block>
         <div align="center">
            <actinic:variable name="HeaderFooter" value="Header Text" />
         </div>
         <div style="clear: both;"></div>

         <actinic:variable name="INNERLAYOUT" />
         <div align="center">
            <actinic:variable name="HeaderFooter" value="Footer Text" />
         </div>
         <actinic:variable name="ReferrerLink" />
       <actinic:block if="%28%3cactinic%3avariable%20name%3d%22BestSellerListLocation%22%20%2f%3e%20%3d%3d%20%22Home%20Page%20Only%22%29%20OR%20%28%3cactinic%3avariable%20name%3d%22BestSellerListLocation%22%20%2f%3e%20%3d%3d%20%22Both%20Sidebar%20and%20Home%20Page%22%29" >
   <actinic:variable value="Home Page Best Sellers List" name="BestSellersList" />
</actinic:block>
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22NewProductsListLocation%22%20%2f%3e%20%3d%3d%20%22Home%20Page%20Only%22%29%20OR%20%28%3cactinic%3avariable%20name%3d%22NewProductsListLocation%22%20%2f%3e%20%3d%3d%20%22Both%20Sidebar%20and%20Home%20Page%22%29">
	<actinic:variable name="NewProductsList" value="Home Page New Products List" />
</actinic:block>
<div align="center" class="texthome"><span style='font-size: 15px;'>Copyright 2006 Valleydecoratingdepot.com</div>		
</div>
</body>
</html>

[fergusw]

Firefox tools are no help on this issue.

On the contrary. Firebug, FF extension, will easily allow you to view your site, make HTML and CSS amendments on the fly to quickly identify the issues you are experiencing.

Louise is spot on in that it is because your left and right hand columns are floated left and right. A simple way to check this with Firebug is simple to delete the right float property for your right column. You will see that your background instantly wraps the whole page.

Once you implement Louise's fix correctly you should have your solution.

[pinbrook]

it would also be nice if you could include code within the code boxes to make te forum look neat too - just look for the hash button - just like Louise did

[valley decor]

Remove it under contempory right colum in the .css file?

[peblaco]

You've put the code after the first </div>. Take another look at the code, there are 3 start and end div tags inside your right column.

[valley decor]

Thanks again Louise.... your great. I guess it is seems to be working now.

Still an issue with shoppingcart and checkout. It is in another thread.

Thankyou so much, I am almost done. Through all this I want to start giving back to the forums. You all showed me allot of things that i just couldn't see.

Regards, Bob.