Need help? Check out our Support site, then


Margins change depending on browser?!

  1. April,

    Although I've completed the project I've been working on, we're still ironing some details out. I hope that by Friday or Saturday, I'll have more time and I will take a look at your code.

    Please let me know if you're still interested.

  2. Hi DevBlog! Yes, I'm still interested and would most certainly appreciate your help! I love the current look, minus the fact that my nav/meny bar doesn't appear at all on Safari, Chrome, and IE 7.0.

    Thanks in advance!

    April

  3. You changed your margins... where are you gonna place the menu? above or below the header?

  4. You changed your margins...
    </blocquote>

    I meant your menu... *sigh*

  5. I know you weren't trying to help me but alas your sorted my prob. cheers guys!

  6. Hi Devblog,

    I want my menu bar above my header, right-aligned, where it is correctly displayed in Firefox and IE 8.0. Again, thank you for your help!

  7. April

    Add this to your "#wrapper" definition:

    position:relative;
    overflow:hidden;

    Modify your existing #nav definition; replace these properties:

    position:relative;
    margin:-335px 0 0;

    with these:

    position:absolute;
    top:-45px;

    -45px work for my tests, you might need to play with that value.

    That should fix your menu.

  8. @Devblog,

    You are my hero! It worked splendidly! Thank YOU once again for being able to help me. -35 worked here on my end, using IE 7.0 at work - I'll see what Firefox & Safari looks like when I get home. Thank you Thank you Thank you!

    :)

    April

  9. Designers everywhere, who cares? Why hasn't WordPress just fix it yet? These margins make the blog look really unprofessional...

  10. WordPress doesn't "fix" custom CSS. When you act as your own designer, it's up to you to make sure the design works.

  11. hello, can anybody help me with something SO SO simple?

    I created my WP blog using safari and I just noticed the background (the main page background, not the side backgrounds) is not white on Firefox like it should be. I realize this has to do with cross-browser compatibility.

    The css code for the stuff is this:

    /* Page Structure */

    body {
    font-size: 65%; /* Resets 1em to 10px */
    color: #444;
    background: #FF9900;
    text-align: center;
    }

    body.lang-ar,
    body.lang-fa,
    body.lang-he,
    body.lang-hi,
    body.lang-km,
    body.lang-ko,
    body.lang-ja,
    body.lang-th,
    body.lang-zh {
    font-size: 75%; /* Resets 1em to 12px, for internationalized K2s */
    }

    #page,
    body.smartposition #rollingarchives {
    background: #white;
    }

    #page {
    text-align: left;
    margin: 0 auto;
    padding-top: 0px;
    position: relative;
    border: 0px solid #ddd;
    border-top: none;
    clear: both;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    }

    .columns-one #page {
    width: 560px;
    }

    .columns-two #page {
    width: 1000px;
    }

    .columns-three #page {
    width: 980px;
    }

    I'm just not sure what to change in it to make the main page background white in both firefox and safari.

    THANKS for any help I can get!!

  12. The wordpress.com blog linked to your username simply has a link to drive traffic to a blog that's not hosted by wordpress.COM. Your questions about the blog to which you are driving traffic must be posted to http://wordpress.org/support/ as this forum is only for providing support for wordpress.COM free hosted blogs.

  13. Crikey! I thought this was a .ORG forum--sorry! And thanks for the info.

  14. Crikey! Thanks for the info, I'll take it to the .ORG site.

  15. haha, I thought it deleted my comment but I see it there still...

Topic Closed

This topic has been closed to new replies.

About this Topic