Forum Replies Created

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter wallace

    (@wallace)

    Thanks. That is it!

    Thread Starter wallace

    (@wallace)

    I saw something talking about how to box hack IE for width issues and it mentioned how to get a setting only IE would pay attention to so instead of width information I tried to apply it to my situation.

    I added the following at the end of my style.css:
    /* Fix for stupid IE handling of CSS blocks */
    * html #navcontainer {
    margin-top: -16px;
    }

    * html .narrowcolumn {
    margin-top: -12px;
    }

    * html #sidebar {
    margin-top: -12px;
    }

    * html .widecolumn {
    margin-top: -7px;
    }

    This allows the navbar block in IE to be lowered and line up properly (like FireFox is), and then I have to take away that lowering by using some negative top margins to get it to have the post and sidebar start in the same place as FireFox. This is quite nasty and it doesn’t solve Opera’s problem. Is there another solution?

    Thread Starter wallace

    (@wallace)

    Thanks for the response!
    What do you mean by fixing a size?
    I changed font-size: 1.2em; to font-size: 12px; and still same problem in IE.

    Is there any way around this? I see many other people with navbars that don’t seem to have this issue but I cannot pinpoint what they did to get around it.

    Thread Starter wallace

    (@wallace)

    Seeing as I haven’t gotten any responses on what I might do to my code to fix this I have setup a picture to show the differences between the browsers at http://unf.coldwire.org/problem.jpg

    I don’t know another forum to get support on this, so please guys take a look and see if you can help solve this problem. Thanks.

    Thread Starter wallace

    (@wallace)

    For those wanting to see my code but not wanting to browse to my css file, here it is:

    #navcontainer {
    display: block;
    width: 100%;
    margin:0px auto;
    margin-top: -28px;
    text-align: left;
    font-size: 1.2em;
    }

    #navcontainer ul li {
    display: inline;
    text-align: center;
    }

    #navcontainer ul li a {
    margin:0;
    padding: 2px 10px;
    background-color: #A0BEE6;
    color: black;
    text-decoration: none;
    text-align: center;
    //border-top: 1px solid #ffffff;
    }

    #navlist li a:hover {
    color: white;
    background: #174C81;
    }

    #navlist li a:active, #navcontainer #navlist #current {
    color: black;
    background: white;
    }

    So please, any corrections I can make to my code so th enavbar lines up properly across all browsers would be greatly appreciated!

    Thread Starter wallace

    (@wallace)

    The whole page is in development stage for a beginner like me. The vertical lines are to let me know where my content and sidebar begin/end, and yes Im aware the image doesn’t show 🙂 One problem at a time.

    The thing with the navbar buttons that I am seeing is they are positioned at different vertical locations in reference to the header image. I want to get the bottom of them navbar buttons lined up with the bottom of the header image for ALL browsers. And at the moment, it is only that way for firefox.

    Thread Starter wallace

    (@wallace)

    Nevermind. It was related to the 404 error discussed in this post. It had do with the .htaccess being writable.

    Thread Starter wallace

    (@wallace)

    Anyone at all with help please?

Viewing 8 replies - 1 through 8 (of 8 total)