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

Home Forums CSS IE 7 is ruining my site……

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #22710

    Hi there,

    Im a noob so ill try to keep the stupid stuff at bay :0

    I designed a site for a friend of mine, testing each time with Opera, FF and Safari. Up to now no problem. So then I tell him to check it out and my menu items, instead of being all inline are now stepped. Whats the deal with that? Can anyone provide a hack?

    Heres the site ( Im hosting it under my own host at the mo )

    Heres the code i have for the navigation bar

    ul#nav {
    height: 262px;
    margin: auto;
    background: url(../Images/header.png);
    list-style: none;
    float: left;
    min-width: 95%;
    ul#nav li a {
    display: inline-block;
    position: relative;
    float: left;
    width: 148px;
    margin-top: 188px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    margin-left: 16px;
    ul#nav li a:hover, ul#nav li a:active {

    This was all achieved thanks to chris’s tutorials the "awesome website "


    Thanks Chris! But this did not solve all o my problems.

    After looking at the code and previous posts on the forum about lists etc you said "….lists automatically put a </br> tag at the end. My list looked like this:

    <li><a href……….></li>
    <li><a href……….></li>
    <li><a href……….></li>

    So i changed it to this instead:

    <li><a href……….>
    <a href……….>
    <a href……….></li>

    And it works!

    Now just gotta put an ie only css hack in the stylesheet as it is interpreting the margin and the li items width wrong.

    Thanks for the help!

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