WordPress.org

Ready to get started?Download WordPress

Forums

Theme problem with IE (10 posts)

  1. Shamis
    Member
    Posted 7 years ago #

    hey ppl, ive been working on modifying my website. Everything works fine on Firefox, but IE..grrr...

    Theres basicly only 2 problems:

    - Header page navigation
    - Block quote, it doesnt show blockquote:before, and blockquote:after.

    Any help will be very very appreciated

    Ive installed it here: http://www.shamis.de

  2. David Yeiser
    Member
    Posted 7 years ago #

    Well, I can't promise extensive help but I browsed through your style.css file and here is something that might fix the navigation.


    #header {

    color#fff;
    background: #0099CC;
    margin:0px;
    padding:0px;
    float:right;
    }

    Should be:


    #header {

    color:#fff;
    background: #0099CC;
    margin:0px;
    padding:0px;
    float:right;
    }

    See if that fixes anything, because at a glance the rest of your navigation styles look fine. Let me know.

  3. Shamis
    Member
    Posted 7 years ago #

    Thanks for your note Dave. But it doesnt fix the problem...Jeez, i hate IE

  4. David Yeiser
    Member
    Posted 7 years ago #

    Okay, this is somewhat of a fix. I don't know if the black is supposed to extend all the way down or not.

    In your style.css file, change this:


    #menu li, #menu2 li {
    width: 7em;
    list-style-type: none;
    list-style-image: none;
    }

    To this:


    #menu li, #menu2 li {
    width: 7em;
    list-style-type: none;
    list-style-image: none;

    background-color:#000;

    }

  5. Shamis
    Member
    Posted 7 years ago #

    Hey Dave, ive made the changes...AND it happenes to work, but my page buttons dont seem to wrap around the bottom break image...if you visit my website on IE you will know what i mean...

  6. Shamis
    Member
    Posted 7 years ago #

    Anyone?

  7. David Yeiser
    Member
    Posted 7 years ago #

    This is not the best way to fix this, but it's quick. Go to your style.css file and find this:


    #header2 {
    background: #000000 url('images/mtop2.jpg') repeat-x bottom left;
    margin:0px;
    padding:0px;
    }

    And change to this:


    #header2 {
    background: url('images/mtop2.jpg') repeat-x left bottom #000;
    margin:0px;
    margin-bottom:-5px;
    padding:0px;
    }
    html>body #header2
    {
    margin-bottom:0;
    }

    You may have to adjust the pixel number for the margin-bottom property because I didn't have your background image loaded when I tested it. The html>body part sets the bottom margin back to zero for all other browsers than IE. Also, the order of the background properties is not necessary but I conformed them more to standards. (At least I think, it may just be my personal preference, I can't remember!) Anyways, let me know if this works for you.

  8. Shamis
    Member
    Posted 7 years ago #

    Hi Dave

    Im so glad for your help...but it still doesnt solve it :(

    I have done another Admin user on my website. If you are interested send me one email at khassenov@gmail.com and I will send you back your User/Passwort information.

    You can start editing right away then. I dont want to be needy of course, only if you want to help me.

    Cheers.

    Shamis.

  9. David Yeiser
    Member
    Posted 7 years ago #

    I'll have to look at it in Firefox this weekend and see the differences because I don't think I understand where the problem is. Are you wanting to eliminate the whitespace on the left of the navigation?

  10. Shamis
    Member
    Posted 7 years ago #

    Yea, i want it to look just the same as on Firefox

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags