Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › IE7 problem

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 27, 2010 at 4:46 am #28543
    joker
    Member

    Hello guys,
    am a beginner web designer,
    i have designed a theme for wordpress with HTML,
    it looked perfect with IE8 and Firefox, when i gave my site to a friend of mine using IE7 , he sent me a screen-shot that my site has errors that aren’t visible on IE8 or Firefox,

    here is my site http://www.Mj4design.com/wp
    i had uploaded the screen-shot for you, so you can help.
    thanx in advance

    March 27, 2010 at 5:17 am #73064
    Rob MacKay
    Participant

    It’s because you are using so much padding and margin to position an element.

    You also have too many divs there for the menu. Try this:

    html:

    Code:

    CSS:

    Code:
    ul#navmenu {
    list-style-image:none;
    list-style-type:none;
    margin-left:180px;
    padding-top:56px;
    position:relative;
    top:55px;
    left:166px;
    }

    #navmenu li {
    display:inline-block;
    width:99px;
    margin-right:15px;
    text-align:center;
    padding:0;
    margin:0;
    .float:left;
    }

    Oh and you spell "design" with a "g" :)

    March 27, 2010 at 7:32 am #73067
    joker
    Member
    "Robskiwarrior" wrote:
    It’s because you are using so much padding and margin to position an element.

    You also have too many divs there for the menu. Try this:

    html:

    Code:

    CSS:

    Code:
    ul#navmenu {
    list-style-image:none;
    list-style-type:none;
    margin-left:180px;
    padding-top:56px;
    position:relative;
    top:55px;
    left:166px;
    }

    #navmenu li {
    display:inline-block;
    width:99px;
    margin-right:15px;
    text-align:center;
    padding:0;
    margin:0;
    .float:left;
    }

    Oh and you spell "design" with a "g" :)

    thank you for your response but,
    i tried what gave me, it almost worked but i still don’t know what causes the broken line between the menu and the beginning of the index
    if you like, i can give you the whole theme so you can edit it and give it back to me,

    March 27, 2010 at 8:21 am #73068
    Rob MacKay
    Participant
    "joker" wrote:
    if you like, i can give you the whole theme so you can edit it and give it back to me,

    lol you cant offer your services as a web design/developer and then get someone else to fix your own websites theme!

    Sorry dude – we are here to help you work out the problems not do the work for you ;)

    March 27, 2010 at 5:26 pm #73086
    joker
    Member

    all i had to do is to:
    1-remove the margin from the navmenu div, and edit my css alignment
    2- add margin to navmenu li to fix the problem

    i kept my html as it was before,
    about the broken line, i found out that i forgot an empty div befoe the page index, when i removed it, it worked fine,
    thanx anyway

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.