CODEWITHSUNDEEP
cssbackgroundfooter
Datacrawler
Datacrawler

Reputation: 2876

CSS footer background color changes for no reason

I have a page with two html files. I have exactly the same code for the footer in them. They use exactly the same CSS file but they look different and I still cannot find out why :

HOW THE FOOTER SHOULD LOOK LIKE

HOW THE FOOTER LOOKS LIKE IN THE SECOND HTML FILE

The code is here for the footer :

      <div class="container_12">
         <div class="grid_12"><footer>
            <div class="socials">
                <a href="#">facebook</a> | 
                <a href="#">twitter</a> | 
                <a href="#">google+</a>
            </div>
            <div class="copy">COSMOSET  &copy; 2013 | <a href="index.html">Privacy Policy</a> <!--{%FOOTER_LINK} -->
         </div></footer>

          </div>
    </div>

Also if you visit the page here: HERE you can see the text-box-areas do not have the same transparent white background. I assume this one is a server issue (plesk). Because when i open the file on my PC (saved on my PC) it looks perfect.

Upvotes: 1

Views: 659

Answers (1)

Zubzob
Zubzob

Reputation: 2743

If you go to the second link from the left (of your navigator) you can see that you have the following DOM structure:

enter image description here

The problem is that, on the page your provided in your post, the footer is a sibling of the <header>, <div class="clear"> and <div class="bg1"> elements, as you can see it in the following screenshot:

enter image description here

Your problem will get solved if you move the "container_12" to be a sibling of the elements I mentioned above.

LATER EDIT: To answer your second question, for the #form textarea CSS selector you've added an extra . after the png extenstion:

enter image description here

Upvotes: 3

Related Questions