IE 6/7 Problem!

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • IE 6/7 Problem!

    Hallo!
    Ich code zurzeit ein Layout und irgendwie hänge ich bei IE, bei FF, OPERA und Safari wird alles richtig angezeigt.

    Das div mit der ID wrapperRight sollte (daweil) unter wrapperLeft angezeigt werden. Bei IE sieht daskomplette div nicht.

    HTML:

    Code:
      <div id="page">
        <!-- Links -->
        <div id="Main">
          <ul id="Menu">
            <li><a href="" title="link">
    <img src="./images/navRegister.png" alt="" title="" /></a></li>
            <li><a href="" title="link">
    <img src="./images/navMembers.png" alt="" title="" /></a></li>
            <li><a href="" title="link">
    <img src="./images/navHelp.png" alt="" title="" /></a></li>
            <li><a href="" title="link">
    <img src="./images/navImprint.png" alt="" title="" /></a></li>
          </ul>
          <span class="clearfix"></span>
          <h1 id="Logo"><a href="/" title="domain.tld">SiteTitle</a>
          
         
        </div>
        
    
        <div id="wrapperRight">
          <ul>
            <li>Navigation</li>
          </ul>
        </div>
        
      </div>
    CSS:
    Code:
    @charset "UTF-8";
    
      * { margin:0; padding: 0; 
    font-family:'Trebuchet ms', georgia, serif; font-weight: normal; }
    
      option { padding-left: 0.4em }
    
      
      body {
        font-size: 100.01%;
        color: #000;
        background: #d2e3b1 url(./images/body.gif) repeat-x;
        text-align: left;
      }
      
      fieldset, img { border: 0 solid}
      
      /****** PageContainer wiSac ******/
      #page { margin: 0 0 0 2em; width: 761px; }
      
    /****** Main->Container ******/
      #Main { background: url(./images/leftSideBg.jpg) no-repeat; 
    width: 761px;}
      
      /****** Menu ******/
      #Menu { list-style: none; width: 340px;
     padding: 10px 0 0 355px; margin: 0;}
      #Menu li { float:left; width: 84px; }
      
      #Logo { text-indent: -2000px; padding: 9px 0 0 45px; }
      #Logo a { display: block; width: 269px; height: 61px; 
    text-decoration: none; background: url(./images/logo.png) 0 0 no-repeat; }
      
      
      
      /*--------------------------------------------------------------*/
    
    
       .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
      }
      .clearfix { display: block }
    EDIT
    CODE umgebrochen!

    EDIT 2
    Hat sich erledigt Lag daran das ich den h1-tag nicht geschlossen habe :/
    Zuletzt geändert von hiro; 25.08.2007, 21:19.
Lädt...
X