...

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



nickHiebert
06-24-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
06-24-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
06-24-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
06-24-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
06-24-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
06-24-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/)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum