Forums

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

Home Forums CSS Problems veiwing in IE

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23544
    matt25
    Participant

    On my sitehttp://swyl.110mb.com/, on the home page it shows the notice box fine in all browsers apart from IE, in IE it has a small break between the top of the box and the middle; I have tried playing with the padding loads as well as some other things and I can’t get it to go away, can someone help be diagnose this problem? this is my code:

    Code:
    * {margin: 0; padding: 0}
    html {overflow-y: scroll;}
    body { font:62.5% arial;}
    p { font-size: 1.5em; line-height: 1.2em; margin-bottom: 1.2em;}
    h1 { padding: 20px 0px 0px 0px}
    img {padding:0px 0px 0px 0px}
    body
    {
    background:url(‘images/header.jpg’) repeat-x top;
    background-color: #ffffcc
    }

    div#page-wrap {
    margin: 0 auto;
    width: 920px;
    }

    ul#nav {
    height: 200px; width: 900px;
    background: url(‘/images/banner_ctr.gif’) no-repeat;
    margin: 0px 0px 0px 40px;
    list-style: none;
    }
    ul#nav li {
    display: inline;
    }
    ul#nav li a {
    display: block;
    height: 98px;
    float: left;
    text-indent: -9999px;
    }
    ul#nav li.home a {
    width: 319px;
    background: url(/images/nav_home.jpg) bottom center no-repeat;
    margin: 150px -20px -6px -40px;
    }
    ul#nav li.forum a {
    width: 286px;
    background: url(/images/nav_forum.jpg) bottom center no-repeat;
    margin: 150px 0px 0px 20px;
    }
    ul#nav li.contact a {
    width: 315px;
    background: url(/images/nav_contact.jpg) bottom center no-repeat;
    margin: 150px 0px 0px 0px;
    }
    ul#nav li a:hover {
    background-position: center center;
    }
    body#home ul#nav li a.home,
    body#forum ul#nav li a.forum,
    body#contact ul#nav li a.contact {
    background-position: top center;
    }

    #main-content {
    padding: 30px 50px 30px;
    background:url(images/page_bg.jpg);
    background-repeat: repeat-y
    }

    #notice-content {
    padding: 5px 50px 5px 40px;
    background:url(images/notice_middle.jpg);
    background-repeat: repeat-y
    }

    #footer {
    min-height:57px;
    background:url(images/footer_bg.jpg) no-repeat;
    margin-bottom:40px
    }

    Code:



    South west THT Young Leaders|Home

    notice header

    Hello and welcome to the site! This is just the beginings of the site and expect to see many more features coming soon; the main thing that will hopefully be done soon is that the forum will be embeddinto the site. I hope you like thw site and its design, if you have any questiions, suggestions or problems please post in the relavant forum.Enjoy!

    notice footer



    #51016
    Jonz
    Member

    .topimg {
    vertical-align: bottom;
    width: 804px;
    }

    <img class="topimg" alt="notice header" src="images/notice_top.jpg" border="0" width="804px" height="34px" />

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