Support » Fixing WordPress » firefox vs IE

Viewing 12 replies - 1 through 12 (of 12 total)
  • Check your HTML and CSS first…

    hey yeh thanks. i did check with them and they do show up with errors but im not sure how to fix it.
    sorry for all the problems. Im new to wordpress and still trying to get my head around things.


    any help would be great. I need to get my site up and running

    Its a problem with the way IE is reading spacing. Figure out where the tabs are located in your stylesheet and then try playing with the margins etc., and see if you can bump it up a little. It will effect both FireFox and IE, but at least they will look better.

    I will paste my style sheet here. Maybe you guys can see the problem.
    I am not sure what to do.

    Any help would me much appreciated.

    body { position: relative; text-align: center; margin: 0 auto; font-size: 12px; color: #665E59; font-family: ‘Verdana’, ‘Arial’, ‘Trebuchet MS’, sans-serif; background: #ffffff url(images/bg.jpg) repeat-x top center; }
    h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 10px; padding: 0px; }
    a, a:link, a:active { color: #FF7100; text-decoration: underline; }
    a:hover,.header h1 a:hover { color: #000000; }

    #wrap { width: 900px; text-align: left; margin: 0 auto;}

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

    .alignleft {
    float: left;

    .alignright {
    float: right;

    .titles { float: left; width: 550px; margin-top: 50px;}
    .header { height: 160px; }

    /*.header h1 a { display: inline; width: 420px; height: 60px; font: normal 35px ‘Arial’, ‘Trebuchet MS’, ‘Verdana’, sans-serif; text-transform: uppercase; letter-spacing: 1px; /* text-indent: -9999px; background: url(images/blogtitle.jpg) no-repeat top left; */ }

    .header h1 a { color: #fff; text-decoration: none; }
    .header p { font-size: 12px; font-family: ‘Trebuchet Ms’, ‘Arial’, ‘Verdana’, sans-serif; text-transform: uppercase; width: 450px; height: 50px; line-height: 15px; color: #C6EBFF; margin: 5px; padding: 0px;}*/

    .menu ul { padding: 0px; margin: 0px; list-style: none; }
    .menu ul li { display: inline; }
    .menu ul li a { width: 119px; float: left; display: block; text-align: center; padding: 9px 0 11px 0;font-size: 17px; color: #ffffff; text-decoration: none; }
    .menu ul li.current_page_item a { background: url(images/menulinkbg.jpg) no-repeat center; color: #3196D6; }
    .menu ul li a:hover { color: #D8F0FD; }
    .menu ul li.current_page_item a:hover { color: #3196D6; }

    #content { margin-top: 0px; }
    .leftcolumn { width: 550px; float: left; }
    .rightcolumn { width: 300px; float: right; }
    .leftcolumn h4 { background: #ffffff; display: block; padding: 10px; font-family: ‘Arial’, ‘Trebuchet MS’, ‘Verdana’, sans-serif; font-size: 18px; margin-bottom: 20px; color: #BBAC9D; }

    .article { margin-bottom: 80px; }
    .article h2 { font-family: ‘Gerogia’, ‘Times New Roman’; font-size: 30px; line-height: 30px;}
    .article h2 a { color: #025687; text-decoration: none; }
    .article .postmeta { font-family: ‘Trebuchet MS’, ‘Arial’, ‘Verdana’; font-size: 12px; text-transform: uppercase; color: #FF7100; display: block; }
    .article .postcontent { margin-top: 10px; border-top: solid 1px #E7DFDE; line-height: 18px; border-bottom: solid 1px #E7DFDE; margin-bottom: 15px; }
    .article .postcontent blockquote { background: #F7F3EF; margin: 0px; padding: 15px 25px 15px 25px; font-size: 14px; font-style: italic; color: #785C3F; line-height: 20px; }
    .article .postcontent a img, .article .postcontent img { border: solid 3px #DBCDBE; background: #F7F3EF; padding: 2px; }
    .article .mcomments a { padding-left: 25px; color: #0075BD; background: #ffffff url(images/comments.jpg) no-repeat center left;}
    .article .mcomments { border-top: solid #ffffff 5px; border-bottom: solid #ffffff 5px; border-left: solid #ffffff 5px; border-right: solid #ffffff 15px; }
    .article .mcomments a:hover { color: #000000; }

    .rss { display: block; text-indent: -9999px; width: 300px; height: 95px; background: url(images/rss.jpg); }
    .sidebar { width: 260px; border: solid 20px #F7F3EF; background: #F7F3EF; margin-top: 10px; }
    .sidebar h3 { font-size: 22px; font-weight: bold; font-family: ‘Arial’, ‘Verdana’, ‘Trebuchet MS’, sans-serif; color: #4A4539; border-bottom: solid 1px #E7DFD6; padding-bottom: 10px; margin-bottom: 6px; line-height: 22px; }
    .sidebar .item { margin-bottom: 40px; }
    .sidebar .item a {padding: 2px; font-size: 12px;}
    .sidebar .item ul { padding: 0px; list-style: none; margin: 0px; line-height: 20px; }
    .sidebar .item ul li { color: #A5927B; font-size: 11px; border-bottom: dashed 1px #DEDBCE; padding-bottom: 5px; margin-bottom: 5px;}
    .sidebar .item ul#half li { width: 130px; float: left; }
    .navigation { margin-top: -30px;}
    .navigation a { font-size: 18px; font-weight: bold; font-family: ‘Arial’, ‘Trebuchet MS’, ‘Verdana’; color: #4A4539; background: #F7F3EF; text-transform: uppercase; text-decoration: none; padding: 6px; }
    .navigation a:hover { color: #000000; }
    .navigation .leftalign { float: left; }
    .navigation .rightalign { float: right; }

    .footer { background: url(‘images/footer.jpg’); margin-top: 50px; border-top: 5px solid #ffffff; color: #B5E7FF; line-height: 18px; padding-bottom: 30px; padding-top: 30px; text-align: left }
    .footer p { margin: 0px; display: block; width: 900px; margin: 0px auto 0px auto; }
    .footer p a { color: #B5E7FF; }
    .footer p strong { font-size: 20px; font-weight: bold; font-family: ‘Arial’, ‘Trebuchet MS’, ‘Verdana’, sans-serif; color: #ffffff; text-transform: uppercase; display: block; }

    .comments { margin-top: -20px; }
    .comments h2 { font-family: ‘Arial’, ‘Trebuchet MS’, ‘Verdana’, sans-serif; font-size: 22px; font-weight: bold; letter-spacing: -1px; color: #4A4539; border-bottom: solid 1px #E5D9CC; line-height: 22px; margin-bottom: 7px; padding-bottom: 7px; }
    .comments .comment, .commentform { display: block; padding: 15px; }
    .comments .comment p { margin: 10px 0 0 0; }
    .comments .alt, .commentform { background: #F7F3EF; }
    .comments .comment .comment-meta { border-bottom: solid 1px #E7DFDE; font-size: 13px; color: #8D7154; padding-bottom: 5px; }
    .comments .comment .comment-meta a { color: #000000; text-decoration: none; }
    .comments .comment .comment-meta span { padding: 2px; font-size: 15px; font-weight: bold; color: #A7583E;}
    .comments .comment .cimment-meta span a { color: #A7583E; }
    .comments .commentform .alignleft { width: 150px; float: left; line-height: 40px; margin-top; margin-top }
    .comments .commentform .alignright { width: 350px; float: right; }
    .comments .commentform input, .comments .commentform textarea { display: block; padding: 5px; width: 340px; margin-bottom: 10px; border: #E7DBCE solid 1px; background-color: #ffffff; }
    .comments .commentform input.submitbutton { width: 150px; background: #E7DBCE; float: right; }

    .ads {
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin:0 0 20px 0;
    .ads ul {
    list-style-type: none;
    .ads ul li a {
    .ads ul li a:hover {
    .ads img {
    margin: 0px 10px 10px 0px;
    .clear {
    clear: both;
    padding: 0px;
    margin: 0px;

    /* Search */

    form {
    padding: 0px;
    margin: 0px;
    .searchbar {
    width: 290px;
    float: right;
    background: #0381CB url(‘images/s.png’) no-repeat 262px center;
    margin-left:0; margin-right:0; margin-top:50px; margin-bottom:0; padding-left:5px; padding-right:5px; padding-top:8px; padding-bottom:8px
    .searchbar span {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-family: ‘Trebuchet Ms’, ‘Arial’, ‘Verdana’, sans-serif;
    float: left;
    padding: 3px 0px;
    #searchtop #s {
    margin: 0px 10px;
    padding: 2px;
    height: 16px;
    font-size: 13px;
    width: 180px;
    border: 1px solid #DEA429;

    I have fixed the problem with the menu. It is aligned properly in both firefox in IE.

    The only problem now is 6 sponsored ads on the right hand side. It is not aligned correctly on IE.

    Any help would be great.

    Thanks in advance.

    need help with the ads on the right displayed in IE please.
    any help would be great

    Try adding a display:inline under one of the .ads

    thanks for the help. I tried that but it still doesnt fix it. Any other ideas??

    any other ideas???

    You have code errors that can mess up proper display. Fix code errors first, then work on css issues.

    sorry for the complete beginner questions but where can i find the code to fix?
    and how can i fix it.


Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘firefox vs IE’ is closed to new replies.