WordPress.org

Ready to get started?Download WordPress

Forums

Please help- Blog good in IE but crap in firefox?? (3 posts)

  1. BRutledge
    Member
    Posted 4 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 4 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 4 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.

About this Topic