WordPress.org

1. WiiNet
   Member
   Posted 3 years ago #

   Hello,
   I'm having two little problems. The first is in IE7 the "body" background color is overwriting the "page" background color.

   Test Site: http://animegamingnetwork.com/testnr/

   Code:
   

   body {
   font-size: 62.5%; /* Resets 1em to 10px */
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
   background: #F7F7F7;
   color: #333;
   text-align: center;
   }
   
   #page {
   margin: 0px auto;
   padding: 10px;
   border-left: 1px solid #00C2ED;
   border-right: 1px solid #00C2ED;
   border-top: 1px solid #D0D0D0;
   border-bottom: 1px solid #00C2ED;
   background: #D0D0D0;
   width: 760px;
   }

   The other problem is I have this code, (below) to make the post round, but that doesn't work in IE7 or Opera. Any help on bother problems would be great, thanks.

   .post {
   background-color: #FFFFFF;
   padding: 10px;
   text-align: justify;
   margin-bottom: 20px;
   -moz-border-radius: .5em;
   -webkit-border-radius: .5em;

2. WiiNet
   Member
   Posted 3 years ago #

   I fixed the first problem with the background color being wrong in IE7. All it was is IE hates everyone and I had a "#" before "page" in my css and in the header I had <div id="page">. So I changed the "#" to a "." and in the header I changed the "id" to "class" and it worked.

   Now I just need to find out how to make the "post" edges round in IE7 and Opera. Also found one other problem that when you highlight over "Log In" the line are little dots, but under "Channels" it's not. Oh and it's only in IE7 that it's different too...What a shock!

   I hope this helps anyone else that might run into this problem in the future. Have a good one.

Topic Closed

This topic has been closed to new replies.