PDA

View Full Version : Moving #footer p.copyright to bottom right corner. IE7



nickHiebert
Jun 24th, 2010, 12:36 AM
Hi Everyone,

I'm having trouble moving #footer p.copyright in IE 7 over to the bottom right hand corner in IE6/7.

The site: http://bit.ly/dnzFFe (It's safe just used bit.ly so that google doesn't pick up the site name).

The code for it is in the head of the index.html.

I've been trying to move it with margin for about almost 2 hours and no luck.

Help with be appreciated. Thanks.

SB65
Jun 24th, 2010, 10:26 AM
How about:


#footer p.copyright {
clear:both;
color:#8CC63F;
/*float:right;*/
margin:10px 20px 5px 600px;
padding:0;
text-align:right;
}

and adjust margins as required. This seems to produce a consistent result across FF and IE7.

mbaker
Jun 24th, 2010, 10:45 AM
If SB65's solution does not work, after experimenting with IE8 (in IE7 mode) I think you could try replacing:


<!--[if IE 7]>
<style type="text/css">
#footer p.copyright {
margin: 195px 100px;
padding: 0;
}
</style>
<![endif]-->


With:


<!--[if IE 7]>
<style type="text/css">
#footer p.copyright {
clear:right;
padding: 0;
margin-left:-600px;
width:600px;
text-align:right;
}
</style>
<![endif]-->


Sorry, I don't have the means to experiment for IE6

effpeetee
Jun 24th, 2010, 11:24 AM
mbaker.

Have you tried this.

Just here. (http://www.my-debugbar.com/wiki/IETester/HomePage)

Browser Compatibility Check for Internet Explorer Versions from 5.5 to 9

Frank

mbaker
Jun 24th, 2010, 11:40 AM
Frank,

Thank you. I've bookmarked it and will try it out the next time I have an IE issue to look at.

Michael.

Major Payne
Jun 24th, 2010, 06:43 PM
You are using a XHTML 1.0 Strict document type. If you wish to be more cross-browser compatible, you should correct any coding errors in the CSS and HTML for your site:

CSS Validator (http://jigsaw.w3.org/css-validator/)

HTML Validator (http://validator.w3.org/)