Luna: Ruckeln im IE

Beitrag lesen

CSS:

* { padding: 0; margin: 0; }

h1, h2, h3, h4, p { margin-top: 1em; }
    ul { margin: 10px 0; }
    ol { margin: 10px 0; }
    li { margin-left: 2em; margin-bottom: 0.5em; }

html { height: 101%; }

body {
      background-color: #50938a;     /* dunkleres gruen */
      color: #000; /* dunkles gruen */
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: small;
  }

h1 { font-size: 160%; font-weight: bold; }
  h2 { font-size: 140%; font-weight: bold; }
  h3 { font-size: 110%; font-weight: bold; }
  h4 { font-size: 100%; font-weight: normal; }

.red { color: #df0245; }

a {
      text-decoration: none;
      outline: none;
  }

a img { border: 0; }

a:link { color: #df0245; font-weight: bold; }
  a:visited { color: #4ea03a; font-weight: bold; }
  a:hover, a:focus { border-bottom: 1px solid #df0245; font-weight: bold; }
  a:active { background-color: #df0245; color: white; font-weight: bold; }

#wrapper {
      background-color: white;
      color: #50938a;
      width: 900px;
      margin: 30px auto;
  }

#kopfbereich {
      background-color: white;
      color: #50938a;
  }

#kopfbereich #topnavi {
            text-align: right;
            font-weight: bold;
            background-color: #f8db53;
            color: #50938a;
            padding: 5px 20px 5px 10px;
        }

#kopfbereich #topnavi li {
                          display: inline;
                          list-style-type: none;
                          margin-right: 20px;
                      }

#kopfbereich #topnavi a {
                          color: #50938a;     /* dunkleres gruen */
                          font-weight: bold;
                      }

#navibereich {
          float: left;
          width: 160px;
          background-color: white;
          padding-left: 20px;
          padding-top: 20px;
  }

#navibereich ul {
                  width: 11em;
                  border-top: 1px solid #50938a;     /* dunkleres gruen */
          }

#navibereich li {
                  list-style-type: none;
                  border-left: 1px solid #50938a;     /* dunkleres gruen */
                  border-bottom: 1px solid #50938a;     /* dunkleres gruen */
                  margin: 0;
          }

#navibereich a,
          #navibereich span {
                  display: block;
                  text-decoration: none;
                  background-color: #f8db53; /* dunkles gelb */
                  color: #50938a;     /* dunkleres gruen */
                  font-weight: bold;
                  padding: 4px;
                  border-left: 3px solid #50938a;     /* dunkleres gruen */
          }

#navibereich a:hover,
          #navibereich a:focus {
                  background-color: #50938a;     /* dunkleres gruen */
                  color: white;
                  font-weight: bold;
                  border-left-color: #f8db53; /* dunkles gelb */
                  border-bottom: none;
          }

#startseite #navi01 span,
          #seite2 #navi02 span
          {
                  background-color: #50938a;     /* dunkleres gruen */
                  color: white;
                  border-left-color: #f8db53; /* dunkles gelb */
                  border-bottom: none;
          }

/*  Korrektur fuer den IE 6 */
  * html #textbereich { width: 674px; }

#textbereich {
      float: right;
      width: 680px;
      background-color: white;
      color: #50938a;     /* dunkleres gruen */
      padding: 0 20px 20px 20px;
      margin-top: 10px;
  }

#textbereich ul li { list-style-type: square; }

table  {
          border: thin solid red;
          border-spacing: 5px;
    }

td {
       text-align: right;
       padding-right: 10px;
    }

div.produkte {
       overflow: hidden;
       width: 620px;
       background-color: #eef6f8; /* helles blau */
       color: #1b3767;     /* dunkleres gruen */
       padding: 20px;
       padding-top: 25px;
       border: 3px solid #1b3767;
       margin: 15px 3px 3px 0;
     }

div.produkte img {
       float: left;
       margin-right: 15px;
       margin-bottom: 15px;
    }

div.produkte p {
        margin: 0 10px 10px 0;
    }

div.produkte h2 {
        margin-bottom: 20px;
        margin-top: 0px;
        font-weight: bold;
    }

.clearing {
       clear: both;
    }

.tablinks {
       float: left;
       margin-right: 20px;
       margin-left: 30px;
       margin-bottom: 10px;
    }