Forums

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

Home Forums CSS Freaking Hate IE6

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #26687

    Just had to start the post out right… ugh.

    http://www.atasupply.com/

    Every browser I’ve tried works fine except for IE6. I’ve tried it on IE7, 8, FF, Chrome, etc. And it looks perfect in Firefox’s IE plugin to check compatibility. I almost think I’m going to have to make a completely different stylesheet and place a browser IF statement in there.

    If anyone is really sharp with IE6 fixes, maybe I’m just missing something really simple. It’s bringing the content below the menu, and it’s creating a padding that is surrounding the left menu and the menu items.

    Code:
    /* CSS Document */

    * {
    padding:0px;
    margin:0px;
    }

    img {
    border:0px;
    }

    body {
    background-image: url(‘/images/body_bg.jpg’);
    margin: auto;
    }

    #header {
    background-image: url(‘/images/content_header.jpg’);
    background-repeat: no-repeat;
    width: 934px;
    height: 12px;

    }

    #container {
    background-image: url(‘/images/content_bg.jpg’);
    background-repeat: repeat-y;
    position:relative;
    width: 934px;
    margin:auto;
    min-height:800px;
    }

    #content {
    margin-left:250px;
    width: 555px;
    padding: 0 0 20px 0;
    }

    #right {
    background-image: url(‘/images/right_side.jpg’);
    background-repeat: no-repeat;
    width: 109px;
    height: 715px;
    float:right;
    }

    #leftmenu {
    width:235px;
    z-index:1;
    float: left;
    margin: -12px 0 0 26px;
    padding:0;

    }

    #footer {
    position:absolute;
    background-image: url(‘/images/footer_bg.jpg’);
    background-repeat: no-repeat;
    left:0px;
    bottom:0px;
    width:934px;
    height:24px;
    }

    /* These are the Side Menu Links */

    #leftmenu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }

    #leftmenu li {
    position: relative;
    list-style-type: none;
    }

    #leftmenu a {
    display: block;
    background-image: url(‘/images/button.jpg’);
    background-repeat: no-repeat;
    font-family: “Gill Sans MT”, “Century Gothic”, Arial;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    width: 235px;
    height: 34px;
    padding-left: 30px;
    line-height:35px;

    }

    #leftmenu a:hover {
    color: #000;
    background-image: url(‘/images/button-over.jpg’);
    background-repeat: no-repeat;
    text-decoration: none;
    width: 235px;
    height: 34px;

    }

    Code:

    Text Here

    #66331
    dcp3450
    Participant

    IE 6 is a picky mistress. I’ve always had luck with IE 6 by being pretty heavy with my positioning. Set your container to relative and align your inner pieces with absolute. I’m sure there is a better way but thats all I can think of.

    I’ve made choice to give IE 6 the proverbial finger. If a client wants a site to work in IE 6 there is an extra charge. Many webmasters are doing that now. We gotta ban together to get people to stop using IE 6.

    Gotta kill IE 6.

    #66337
    dcp3450
    Participant

    Apostrophe, what do you use to position with? I’ve never had an issue with margin positioning?

    do you just use top, bottom, left, right positioning?

    #66344
    dcp3450
    Participant

    can you post a screen shot of what it look like in IE6? I’m running IE7

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