mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 23:04 Benutzername: Passwort: Auto-Login

Thema: Darstellunsgprobleme im IE6 vom 28.10.2007

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Darstellunsgprobleme im IE6
Autor Nachricht
Bob Buttons
Threadersteller

Dabei seit: 16.03.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst So 28.10.2007 14:51
Titel

Darstellunsgprobleme im IE6

Antworten mit Zitat Zum Seitenanfang

Hallo allerseits...

Schaut euch bitte mal diese Seite an:

SEITE

Im FF sieht das ganze voll ok aus, im IE7 auch, aber im IE6 ist der Innenteil (Col3) verschoben und unter dem mittleren Teil läuft der content_footer einfach weiter.

Ich habe die ganze Nacht daran gesessen und keine Abhilfe gefunden. hat evt jemand von euch eine Idee woran das liegen kann? Habe deswegen auch YAML benutzt, weil ich dachte dass es eigentlich solche Sachen ausbügeln sollte...

Hier mal das html:

Code:
<body>

<div id="wrapper">

   <div id="header"></div>
         
      <div id="content">
      
         <div id="content_header">
         
            <div id="col1">
            
               <div id="col1_content">
               
                  <div id="col1_content_header"></div>
                  
                  <div id="col1_content_repeater">
                  
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                  
                  </div>
                  
                  <div id="col1_content_footer"></div>
               
               </div>
            
            </div>
            
            <div id="col2">
            
               <div id="col2_content">
               
                  <div id="col2_content_header"></div>
                  
                  <div id="col2_content_repeater">
                  
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                  
                  </div>
                  
                  <div id="col2_content_footer"></div>
               
               </div>
            
            </div>
            
            <div id="col3">
         
               <div id="col3_content">
               
                  <div id="col3_content_vorschau">

                     <div id="col3_content_vorschau_header"></div>
                     
                     <div id="col3_content_vorschau_repeater">
                     
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                  
                     </div>
                     
                     <div id="col3_content_vorschau_footer"></div>
                  
                  </div>
                  
                  <div id="col3_content_vorschau">

                     <div id="col3_content_vorschau_header"></div>
                     
                     <div id="col3_content_vorschau_repeater">
                     
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                  
                     </div>
                     
                     <div id="col3_content_vorschau_footer"></div>
                  
                  </div>
                  
                  <div id="col3_content_vorschau">

                     <div id="col3_content_vorschau_header"></div>
                     
                     <div id="col3_content_vorschau_repeater">
                     
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                  
                     </div>
                     
                     <div id="col3_content_vorschau_footer"></div>
                  
                  </div>
                  
                  <div id="col3_content_vorschau">

                     <div id="col3_content_vorschau_header"></div>
                     
                     <div id="col3_content_vorschau_repeater">
                     
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                     <br />
                  
                     </div>
                     
                     <div id="col3_content_vorschau_footer"></div>
                  
                  </div>
                  
                  <div class="clear"></div>
               
               </div>
   
            </div>

         </div>
         
         <div id="content_footer"></div>
            
      </div>
      
   <div id="footer"></div>

</div>
</body>


und das css aus der content.css dazu
Code:
@media all
{

html { margin: 0 auto; padding: 0 auto; height: 100%; min-height: 101%;}

body
{
   width: 990px;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   margin: 0 auto;
   padding: 0 auto;
   color: #666666;
}

#wrapper
{
   width: 990px;
}

#header
{
   background: url(../images/header.jpg) no-repeat;
   width: 990px;
   height: 106px;
}

#content
{
   background: url(../images/content_repeater.jpg) repeat-y;
   width: 990px;
}

#content_header
{
   background: url(../images/content_header.jpg) no-repeat;
   width: 990px;
}

#content_footer
{
   background: url(../images/content_footer.jpg) no-repeat;
   width: 990px;
   height: 7px;
}

#footer
{
   background: url(../images/footer.jpg) no-repeat;
   width: 990px;
   height: 47px;
}

#col1
{
   width: 180px;
   padding-left: 1px;
}

#col1_content
{

}

#col1_content_header
{
   /*background: url(../images/col1_header.jpg) no-repeat; !important*/
   width: 180px;
   height: 29px;
}

#col1_content_repeater
{
   /*background: url(../images/col1_repeater.jpg) repeat-y;*/
   width: 180px;
}

#col1_content_footer
{
   /*background: url(../images/col1_footer.jpg) no-repeat;*/
   width: 180px;
   height: 7px;
}


#col2
{
   width: 180px;
   margin-right: 2px;
}

#col2_content
{

}

#col2_content_header
{
   /*background: url(../images/col1_header.jpg) no-repeat; !important*/
   width: 180px;
   height: 29px;
}

#col2_content_repeater
{
   /*background: url(../images/col1_repeater.jpg) repeat-y;*/
   width: 180px;
}

#col2_content_footer
{
   /*background: url(../images/col1_footer.jpg) no-repeat;*/
   width: 180px;
   height: 7px;
}

#col3
{
   width: 624px;

}

*html #col3
{
   border: #00FF00 1px solid;
   width: 620px;
}

#col3_content
{
   width: 624px;

}

#col3_content_vorschau
{
   width: 305px;
   float: left;
   padding-right: 6px;
}

#col3_content_vorschau_header
{
   background: url(../images/vorschau_header.jpg) no-repeat;
   width: 305px;
   height: 29px;
}

#col3_content_vorschau_repeater
{
   background: url(../images/vorschau_repeater.jpg) repeat-y;
   width: 305px;
}

#col3_content_vorschau_footer
{
   background: url(../images/vorschau_footer.jpg) no-repeat;
   width: 305px;
   height: 23px;
}

.clear
{
   clear: both;
}






}


hoffe ihr könnt damit etwas anfangen...wenn ihr noch was brauchen solltet sagt bescheid...

besten dank für die Mühe

Ragna
  View user's profile Private Nachricht senden
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.