WordPress.org

1. decentcontent
   Member
   Posted 4 years ago #

   I just launched my site today (http://decentcontent.com) and I've had a lot of people email me to say that it's not loading properly in their browsers (IE and Safari). It loads fine in Firefox and Flock and on my Safari, but i can't figure out why it's not working properly elsewhere..

   Here's the CSS Stylesheet:

   body {
   position: relative;
   background: #333;
   height: 100%;
   font-family: Arial;
   text-align:left;
   color:#000;
   font-size: 9pt;
   margin: 0px;
   padding: 0;
   text-align: center;
   }

   #wrapper {
   position: relative;
   height: 100%;
   width: 800px;
   border-left: 10px solid black;
   border-right: 10px solid black;
   margin: 0 auto;
   background-color: #000;
   }

   #insideWrapper {
   position: relative;
   top: 0px;
   height: 100%;
   width: 800px;
   margin: 0px;
   background-color: #fff;
   text-align: left;
   }

   #insideWrapper:after{
   content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

   .post {
   position: relative;
   top: 0px;
   width: 420px;
   left: 0px;
   margin: 0px;
   background-color: #fff;
   text-align: justify;
   }

   #content {
   width: 420px;
   margin-left: 250px;
   background-color: #fff;
   text-align: left;
   }

   #sidebar {
   position: relative;
   float: left;
   border-right: 7px solid black;
   border-bottom: 1px solid black;
   width: 180px;
   left: 5px;
   padding: 0px;
   background-color:;
   text-align: left;
   font-family: Arial;
   color: #000;
   font-size: 7.5pt;
   line-height: 11pt;
   }

   .left {
   float: left;
   margin: 0px 10px 0px 10px;
   }

   .right {
   float: right;
   margin: 0px 10px 0px 10px;
   }

   #masthead {
   position: relative;
   top: 0px;
   background: url('images/masthead.jpg');
   width: 800px;
   height: 200px;
   margin: 0px;
   margin-top: 10px;
   margin-bottom: 7px;
   }

   #masthead a {
   text-decoration: none;
   display: none;
   color: #000;
   }

   .centeredImage {
   text-align:right;
   margin-top:10px;
   margin-bottom:0px;
   padding:0px;
   }

   /* Begin Images */

   img{
   border:10;
   border-color: white;
   font-size:60%;
   }
   p img {
   padding: 0;
   max-width: 100%;
   border: 10;
   }

   img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

   img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
   }

   img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
   }

   .alignright {
   float: right;
   }

   .alignleft {
   float: left;
   }

   /* End Images */

   #footer {
   font-size: 8pt;
   position: relative;
   color: #000000;
   top: 5px;
   width: 450px;
   margin: 0px;
   margin-top: 5px;
   margin-bottom: 0px;
   text-align: center;
   }

   #footer a {
   color: #000000;
   }

   #footer a:visited {
   color: #666666;
   }

   #footer a:hover {
   color: #CB0808;
   border: 0px;
   }

   .sep {
   position: relative;
   background: url('images/sep.jpg');
   width: 162px;
   height: 14px;
   margin: 0px;
   padding: 0px;
   left: 132px;
   text-align: center;
   }

   #sidebar a {
   color: #ff0000;
   }

   #sidebar a:visited {
   color: #ff0000;
   }

   #sidebar a:hover {
   color: #999;
   }

   .commentBox {
   position: relative;
   margin: 0 auto;
   width: 90%;
   background-color: #f5f5f5;
   text-align: left;
   border: 1px solid #999;
   padding: 5px;
   }

   .cite {
   font-size: 7pt;
   color:#666;
   }

   code {
   font-family: Courier New, Verdana;
   text-align:left;
   color:#666;
   font-size: 8pt;
   }

   input {
   border: 1px solid #333333;
   background-color: #FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   color: #000000;
   padding: 0px;
   }

   h2 {
   color: #666;
   font-size: 14px;
   text-align: left;
   }

   ul {
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   padding-left: 0px;
   }

   li {
   list-style-type: none;
   margin-left: 0px;
   }

   blockquote, blockquote p {
   text-indent: 0px;
   margin-bottom: 7px;
   color: #666;
   }

   .footerLink {
   color: #666;
   text-decoration: underline;
   }

   a.footerLink {
   color: #666;
   text-decoration: underline;
   }

   a.footerLink:visited {
   color: #666;
   text-decoration: underline;
   }

   a.footerLink:hover {
   color: #999;
   text-decoration: underline;
   }

   .title {
   font-family: 'Arial Black';
   color: #333;
   font-size: 7.5pt;
   text-transform: uppercase;
   }

   a.title {
   color: #333;
   }

   a.title:visited {
   color: #333;
   }

   a.title:hover {
   color: #999;
   border: 0px;
   }

   .commentPos {
   font-family: 'Arial Black';
   font-size: 7pt;
   position: relative;
   margin: 0px;
   padding: 0px;
   text-align: center;
   text-transform: uppercase;
   }

   a.commentPos {
   font-family: 'Arial Black';
   color: #ff3333;
   }

   a.commentPos:visited {
   color: #ff3333;
   }

   a.commentPos:hover {
   color: #000;
   border: 0px;
   }

   a {
   color: #ff3333;
   text-decoration: none;
   }

   a:visited {
   color: #ff3300;
   text-decoration: none;
   }

   a:hover {
   color: #394651;
   text-decoration: none;
   border-bottom: 1px dashed #394651;
   }

2. macmanx
   Member
   Posted 4 years ago #

   I recommend that you start by bringing both your XHTML and CSS up to standard code for maximum compatibility:

   http://validator.w3.org/check?verbose=1&uri=http://decentcontent.com/

   http://jigsaw.w3.org/css-validator/validator?uri=http://decentcontent.com/wp-content/themes/DCtheme/style.css&usermedium=all

Topic Closed

This topic has been closed to new replies.