Apolo Radomer Apolo Radomer - 3 months ago 9
CSS Question

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.

Answer

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

Comments