firefox vs IE (13 posts)

  1. alaister
    Posted 7 years ago #

    My site is different in IE and firefox.

    my site is: http://www.exclusive-clothes.com

    I am not sure how to fix it
    any help would be great

  2. mojorob
    Posted 7 years ago #

    Check your HTML and CSS first...

  3. alaister
    Posted 7 years ago #

    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.


  4. alaister
    Posted 7 years ago #

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

  5. BernardBorealis
    Posted 7 years ago #

    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.

  6. alaister
    Posted 7 years ago #

    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;

  7. alaister
    Posted 7 years ago #

    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.

  8. alaister
    Posted 7 years ago #

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

  9. Blackfred
    Posted 7 years ago #

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

  10. alaister
    Posted 7 years ago #

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

  11. alaister
    Posted 7 years ago #

    any other ideas???

  12. iridiax
    Posted 7 years ago #

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

  13. alaister
    Posted 7 years ago #

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


Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.