SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot bo diddly's Avatar
    Join Date
    Nov 2002
    Location
    uk - worcester
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question slight layout problem in IE

    got this design which lays out nicely in firefox but IE pulls the right div to the left and puts, what I presume, is some padding under the divs containing the tabs so that it displays some white where it shouldn't.

    www.idezign.me.uk/hgb/basic4.html

    thanks
    You're not drunk if you can lie on the floor without holding on

    www.idezign.me.uk
    www.theonlinediary.com

  2. #2
    SitePoint Guru gavwvin's Avatar
    Join Date
    Nov 2004
    Location
    Cornwall, UK
    Posts
    686
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    could you post your css here for us to have a look at?

  3. #3
    SitePoint Zealot bo diddly's Avatar
    Join Date
    Nov 2002
    Location
    uk - worcester
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by gavwvin
    could you post your css here for us to have a look at?
    No probs, here it is

    body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #ccc;
    background-color: #333;
    }

    #container {
    width:760px;
    padding:0px;
    margin:0px;
    }
    a {
    text-decoration: none;
    font-weight: bold;
    color: #ccc;
    outline: none;
    }
    a:visited {
    color: #ccc;
    }
    a:active {
    color: #ccc;
    }
    a:hover {
    color: #ccc;
    text-decoration: underline;
    }
    .ahem {
    display: none;
    }
    strong, b {
    font-weight: bold;
    }
    p {
    font-size: 12px;
    line-height: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
    }

    h1 {
    font-size: 150%;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
    font-family: "Lucida Handwriting";
    color: #FF6666;
    filter: DropShadow(Color=#000, OffX=3px, OffY=3px, Positive=y);
    }
    h2 {
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    }
    h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    }
    h4 {
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    }
    h5 {
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    }
    h6 {
    font-size: 10px;
    line-height: 18px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    }
    img {
    border: 0;
    }
    .nowrap {
    white-space: nowrap;
    font-size: 10px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    /* must be combined with nobr in html for ie5win */
    }
    .tiny {
    font-size: 9px;
    line-height: 16px;
    margin-top: 15px;
    margin-bottom: 5px;
    }
    #top {
    margin: 20px 135px 0px 20px;
    padding:0px;
    border: 5px solid #F7BB0A;
    background: #fff;
    height: 70px; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    height: 70px;
    }
    html>body #top {
    height: 70px; /* ie5win fudge ends */
    }

    #tmenu {
    position:absolute;
    top:73px;
    left:95px;
    padding:0px 0px -3px 0px;
    border: none;
    height: 25px;
    voice-family: "\"}\"";
    voice-family:inherit;
    height: 25px;
    margin: 10px 20px 0px 0px;

    }
    html>body #tmenu {
    height: 25px; /* ie5win fudge ends */
    }

    #rtmenu {
    position:absolute;
    top: 15px;
    left:475px;
    padding: 0px;
    border: none;
    height: 25px;
    voice-family: "\"}\"";
    voice-family:inherit;
    height: 25px;
    margin: 10px 20px 0px 0px;

    }
    html>body #rtmenu {
    height: 25px; /* ie5win fudge ends */
    }

    #left {
    position: absolute;
    top: 100px;
    left: 0px;
    margin: 20px;
    padding: 7px;
    border: 5px solid #F7BB0A;
    background: #FFF;
    width: 120px; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 120px;
    }
    html>body #left {
    width: 120px; /* ie5win fudge ends */
    }
    #middle {
    margin: /*top*/20px /* right*/ 380px /*bottom*/20px /*left*/190px;
    padding: 10px;
    border: 5px solid #F7BB0A;
    background: #fff;
    }
    #right {
    /*position:relative;*/
    float:right;
    /*top: 102px;*/
    right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
    margin: 20px 136px 20px 0px;
    padding: 10px;
    border: 5px solid #F7BB0A;
    background: #FFF;
    width: 190px; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 190px;
    }
    html>body #right {
    width: 190px; /* ie5win fudge ends */
    }
    pre {
    font-size: 12px;
    line-height: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
    }
    ul#tab {
    list-style: none;
    color: #666;
    font-size: 85%;
    font-family: "Times New Roman", Times, serif;
    }

    .tab {
    display:inline;
    overflow:hidden;
    border:1px #000 solid;
    padding: 5px;
    }
    label {
    font-size: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #666666;
    font-family: "Times New Roman", Times, serif;
    }
    #title {
    position: absolute;
    top: 30px;
    left: 160px;
    margin: 0px;
    padding: 0px;
    }
    You're not drunk if you can lie on the floor without holding on

    www.idezign.me.uk
    www.theonlinediary.com

  4. #4
    Winemaster bronze trophy BonRouge's Avatar
    Join Date
    Oct 2004
    Location
    Sendai, Japan
    Posts
    2,417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm sorry? You say it lays out nicely in Firefox? Have you tried resizing it at all? I'm afraid it's actually a bit of a mess.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •