www.webdeveloper.com
Results 1 to 1 of 1

Thread: IE6 annoying issue...

  1. #1
    Join Date
    Dec 2005
    Location
    Blackpool, UK
    Posts
    172

    IE6 annoying issue...

    *********** SOLVED *************

    Hi guys,

    I have an alignment issue in IE6. Everything works fine in IE7 & 8 and Firefox.

    I've looked at many IE6 hacks and none seem to have worked.

    Please see...
    http://aran.leadbank.net/eastmalling/index.html

    Stylesheet
    Code:
    @charset "utf-8";
    /* CSS Document */
    
    html {margin: 0; overflow: auto; padding: 0; width: 100%;}
    body {background-image: url(../images/bg.jpg); background-position:top; background-repeat: repeat-x; background-color:#2a757e; font-family: verdana, tahoma, arial; font-size:8pt;}
    select {background-color:#006e78; color: white; border:1px solid white} 
    
    #wrapper {width:823px; margin: auto auto; }
    #innerwrapper {width: 819px; border: 1px solid white; background-color: white; float: left;}
    #header {width:819px; height: 330px; }
    #logo {width: 138px; height: 151px; float: left}
    #header-top {border-left: 1px solid white; width: 680px; float: left; height: 118px; background-image: url(../images/header-top.jpg)}
    #menu {width: 679px; height:33px;  float: left; background-color: white; text-align: center; color:#006e78; line-height: 9pt;}
    #menu a {color: #00555c; text-decoration: none; font-size:8pt; letter-spacing: -1px;  }
    #menu a:hover {text-decoration: underline}
    #addressbox {
      height: 179px;
      background-image: url(../images/address-box.jpg);
      float: left;
      border-right: 1px solid white;
      width: 137px;}
    
    #header-bottom {width: 680px;  height:179px; 
     background-image: url(../images/header-bottom.jpg); 
     float: left;  color: white}
    
    #contentbit {width:819px; float: left;}
    #leftcol {width: 138px; float: left; color: white; background-color: #92c7d1;}
    #midcol {float: left; width:413px; background-color: white;}
    #midcolalt {float: left; width:673px; background-color: white;}
    #rightcol {float: left; width: 260px; background-color: white; padding:3px;}
    #formbit {padding: 4px; padding-top: 10px; background-color:#0a95a1; border-top: 1px solid white; float: left}
    #footer { height: 30px; width: 809px; margin: 10px auto; text-align:center; color: white; padding: 5px; }
    #footer a {color: white; text-decorations: none}
    #textcontent {margin: 10px}
    #accredited {background-color: #92c7d1; padding-top:5px; padding-bottom: 5px; text-align: center; float: left; width:138px;  }
    
    .img {padding: 5px; border:0px}
    .textboxclass { background-color: #006e78;  border: 1px solid white; color:white}
    .intxt {text-decoration: none; color: black}
    This is a really annoying problem, I've tried just about everything.

    Please help me!

    Thank
    Aran
    Last edited by ProWeb; 01-19-2010 at 04:41 AM.
    "To steal ideas from one person is plagiarism; to steal from many is research."

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles