[cozmika]

I redesigned my portfolio cozmika dot com and as you can see, footer is displayed incorrectly. In FF 2 it is all fine.

How to fix this?

Here is footer code:

#footer {
	width: 100%;
	margin: 5em 0 0 0;
	background: url(images/footer_bg.jpg) #434343 repeat-x;
	min-height:100px;
	padding:0;
	
}	



#footer_middle {
	padding:30px 0 0 0;
	margin: 0 auto 0 auto;
	width:451px;
	min-height:70px;
	background:url(images/footer_middle.jpg) no-repeat;
}

and

        <div id="footer">
        
        <div id="footer_middle">
        	<p>Copyright &copy; 2008 Cozmika + XHTML1 + CSS</p>
        </div>
        
        </div>

P.S. How my site looks in FF 3 and IE6?

Tnx very much!

[Hinkle]

hmm ok this is a bit of a hack so probably not the best ( if not the worst ) way to do it, but try adding this to your css :

* html #footer_middle {
	height:70px;
}

[cozmika]

Oh my God... I found my mistake. I included in every page footer.php in which I have <div id="footer"> and I declard same thing on my every HTML page... So of course it showed it double...

[Hinkle]

oh lol didnt notice ur link, else i would have noticed the problem was the double display. anyhoo, its fixed now

[cozmika]

Yes! Thanks anyway!

[CoryMathews]

for the future check out browsershots dot org to see your page in other browsers. Its really helpful

[steveb]

Yup, I've used browsershots.org quite often to check what my stuff looks like on a Mac, for example. (Smaller, usually). The only "problem" is that results can take anything from a couple of hours to several days to appear!

[cozmika]

Thanks for the tip. I know about the Browsershots but I completely forgot about it...

[Bill Posters]

Recommended reading: Why we won’t help you [dive into mark]

[steveb]

Good post, Bill!