WordPress.org

1. BRutledge
   Member
   Posted 2 years ago #

   Hello!

   I am really hoping someone can help. My blog looks aligned in ie but the sidebar, header locations are crazy in firefox. I think I Really messed it up and Really need someone good at code to check out this and tell me whats wrong.

   body {

   <script type='text/javascript' src='http://track4.mybloglog.com/js/jsserv.php?mblID=2009062407160462'></script>
   margin: 0;0;10
   padding: 0;
   color: #AA40D8;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 100.1%;
   background: #fff;
   }

   #wrapper{
   width: 900px;
   margin: 0px auto;
   padding: 0px;
   text-align:left;
   font-size: 85%;
   line-height:20px;
   }

   #header{
   float: right;
   width: 850px;
   height: 300px;
   padding: 0px 0 0 0
   left-margin: 90px;
   top-margin: 30px;

   }

   #header-inner{
   width: 700px;
   height: 300px;
   top-margin:20;
   left-margin:60;
   padding:20;
   }

   #content{

   margin: 0px;
   padding: 0px 0px 0 0px;

   }

   #content-inner{
   }

   #main {
   width: 520px;
   float:left;
   margin: 0px;
   padding: 0px 0 0px 0px;

   }

   #sidebar {
   width: 170px;
   float:center;
   font-size: 70%;
   padding: 25px 0px 0px 0px;
   margin: 5px 0 0 0px;
   }

   #footer {
   clear: both;
   margin: 0;
   padding: 10px 16px;
   text-align: center;
   font-size: 85%;

   }

   #footer-inner{
   border-top:1px solid #ccc;
   margin:0 0 10px 5px;
   }

   #footer p{
   margin:0;
   padding:15px 0;
   }

   #navigation{
   padding: 5px 15px;

   }

   #navigation div.fleft{
   float:left;
   }

   #navigation div.fright{
   float:right;
   }

   #credit{
   text-align:right;
   padding: 0 15px;
   }

   #credit p{
   margin:0;
   color:#AA40D8;
   font-size:65%;
   padding: 0 0 3px 0;
   }

   #credit p a, #credit p a:hover{
   color:#AA40D8;
   font-weight:bold;
   }

   /* ********** default styles *********** */

   p, h1, h2, h3, h4, h5, h6{
   margin: 10px 0;
   padding: 0;
   }

   h1, h2, h3, h4, h5, h6 {
   font-family: georgia, 'Times New Roman', sans-serif;
   }

   h1{
   font-size: 0%;
   }
   h2{
   font-size: 150%;
   }
   h3{
   font-size: 80%;
   }
   h4{
   font-size: 100%;
   }
   h5{
   font-size: 100%;
   }
   h6{
   font-size: 70%;
   }

   a{
   color:#AA40D8;
   font-weight:800;
   text-decoration:none;
   }
   a:hover{
   color:#AA40D8;
   text-decoration:underline;
   }

   a img{
   border:0px;
   }

   hr{
   height:2px;
   margin:5px 0;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ccc;
   }

   blockquote{
   background: #f4f4f4;
   padding: 5px 5px;
   margin: 3px 0px;
   }

   form{
   margin: 0;
   padding:0;
   }

   fieldset{
   padding:10px;
   margin:0;
   border:none;
   }

   legend{
   font-weight:800;
   }

   code{
   font-size: 90%;
   font-family: "Courier New", Courier, monospace;
   white-space: pre;
   }

   td{
   vertical-align:top;
   }

   .aligncenter,
   div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

   .alignleft {
   float: left;
   }

   .alignright {
   float: right;
   }

   .wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   }

   .wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
   }

   .wp-caption p.wp-caption-text {
   font-size: 14px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   }

   /* Headings */

   form#searchform2{
   display: none;
   float:right;bottom
   margin: 45px -45px 0px 0px;
   }

   #header h3{
   margin: 0;
   padding: 0px 0 0 0px;
   }

   #header h3 a{
   display: none;
   font-weight:00;
   color: #AA40D8;
   text-decoration: none;
   font-size: 0%;
   letter-spacing: 1px;
   }

   #header h2{
   display: none;
   margin: 0;
   padding: 0px 0 5px 5px;
   font-weight:00;
   font-family:Tahoma, sans-serif;
   color: ##AA40D8;
   font-size: 0%;
   letter-spacing: 1px;
   }

   h2#sectiontitle{
   font-size:70%;
   font-weight: 400;
   font-family: arial, verdana, sans-serif;
   padding:6px 6px 6px 10px;
   margin:5px 5px 5px 5px;
   background: #f2f2f2;
   color: #444;
   }

   /* post styles */

   .post{
   margin: 0 0 20px 0;
   padding: 0 5px 5px 5px;
   }

   .entry{
   margin: 0;
   padding: 0px 10px 3px 10px;
   }

   .post h2 {
   color: #333;
   font-size: 150%;
   font-weight:100;
   padding: 7px 0 2px 2px;
   margin: 0px 0 15px 0;
   }

   .post h2 a{
   color: #333;
   text-decoration:none;
   font-weight:100;
   }

   .post h2 a:hover{
   text-decoration:none;
   color: #333;
   }

   .postmetadata{
   font-size:80%;
   padding: 1px 8px 1px 5px;
   margin: 0;
   border-top: 1px solid #ccc;
   }

   .postmetadata p{
   line-height: 18px;
   padding: 0;
   margin: 2px 0;
   }

   .date{
   display:none;
   float:left;
   text-align:center;
   font-weight:800;
   margin: 0 10px 0 0;
   padding: 0 10px;
   border-right: 1px solid #ccc;
   color: #444;
   font-family:arial, sans-serif;
   }

   .dateDay{
   display:none;
   font-size: 16px;
   line-height: 16px;
   text-align:center;
   }
   .dateMonth, .dateYear{
   display:block;
   font-size: 11px;
   padding:0;
   line-height: 12px;
   }

   /* Comments */

   h3#comments, h3#postcomment{
   font-size: 100%;
   font-family:verdana, sans-serif;
   }

   ol#commentlist{
   padding: 0 0 0 0px;
   font-size: 90%;
   list-style-type: none;
   }

   ol#commentlist li{
   padding: 0px 3px;
   margin: 0;
   }

   ol#commentlist li p.commentheader{
   margin: 0px 0 0px 0;
   display: block;
   padding: 1px 5px;
   }

   ul#commentlist{
   padding: 0;
   margin:0;
   list-style-type:none;
   }

   ul#commentlist li{
   display: block;
   padding: 0;
   margin: 0 15px 15px 15px;
   font-size:90%;
   background: #f2f2f2;
   }

   ul#commentlist p{
   margin: 6px 0;
   }

   ul#commentlist li div.comm{
   margin: 1px;
   padding: 1px;
   }

   ul#commentlist li div.gravatar {
   width:50px;
   float:left;
   padding: 10px 0 0 10px;
   }

   ul#commentlist li div.gravatar img{
   border: 2px solid #ccc;
   }

   ul#commentlist li div.commenttext{
   padding: 0;
   margin:5px 10px 5px 65px;
   }

   ul#commentlist li div.commenttext div.commentwrapper{
   margin:0 0 0 5px;
   padding: 3px 8px;
   }

   /* sidebar styles */

   #subscribe p{
   font-size: 85%;
   margin: 0px 0 0px 0;
   }

   .menu{
   text-align:left
   padding:2;2;2;2;
   font-size:80%;
   }

   .menu a{
   text-align:left
   font-weight: 100;
   }

   .menu a:hover{
   text-decoration:none;
   }

   .menu ul{

   margin:0;
   padding:2;2;2;2;
   list-style-type:none;
   }

   .menu ul li.widget{
   text-align:left
   padding:2px;
   margin:3 3 3px 0px;
   }

   .menu ul li.widget ul{
   text-align:left
   margin: 2;
   padding:2;
   }

   .menu ul li.widget ul li{
   border-bottom:4px solid #ddd;
   background: #f4f4f4;
   padding: 2px 2px 2px 2px;
   margin:2;2;2;2;
   border-left: 4px solid #bbb;
   border-right: 4px solid #bbb;
   }

   .menu ul li.widget ul li ul{
   }

   .menu ul li.widget ul li ul li{
   border-top: 4px solid #bbb;
   border-bottom: none !important;

   padding: 2px 2px 2px 5px;
   }

   .menu ul li.widget h3{
   font-family: Verdana;
   font-size:80%;
   font-weight: bold
   align: left
   padding:0px 2px 1px 4px;
   margin:0;
   border-top: 4px solid #5077D3;
   border-bottom: 4px solid #bbb;
   border-left: 4px solid #bbb;
   border-right: 4px solid #bbb;
   color: ##333;
   font-weight: 600;
   font-variant:caps;
   }

   .menu ul li h3 a{
   color: #333;
   font-weight: 400;
   }
   .menu ul li h3 a:hover{
   color: #333;
   text-decoration: none;
   }

   .menu form{
   display:block;
   margin:0px;
   padding:4px;

   }

   .menu input{
   margin:3px 0;
   font-size:90%;
   }

   li.widget .textwidget, li.widget #search {
   padding: 2px 5px;
   }

   /* Calendar styles */
   #wp-calendar {
   empty-cells: show;
   margin: 10px auto 0;
   width: 125px;
   }

   #wp-calendar #next a {
   padding-right: 10px;
   text-align: right;
   }

   #wp-calendar #prev a {
   padding-left: 10px;
   text-align: left;
   }

   #wp-calendar a {
   display: block;
   }

   #wp-calendar caption {
   text-align: center;
   width: 100%;
   }

   #wp-calendar td {
   padding: 3px 0;
   text-align: center;
   }

   #footer a{
   font-weight: 100;
   }

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Please don't post huge chunks of CSS here. It's really of no use. A link to a page on your site demonstrating the problem might help though.

3. BRutledge
   Member
   Posted 2 years ago #

   Sorry. I didn't know what was pertinent. The site is http://www.atlantawellnesssolutions.com

Topic Closed

This topic has been closed to new replies.