typo3 4.3 ie8 darstellungsproblem

[Sascha001983]

hallo

ich lerne typo3 von einem buch (Einstieg in Typo3 4.3 von Frank Bongers und Andreas Stöckl) und von video dvd, bei beiden habe ich folgendes problem:

die darstellung im firefox passt aber im ie8 ist die darstellung anders:

die site im firefox
die site im ie8
die css file
das html template

bitte um hilfe
mfg
Sascha

[maxhb]

Hi!
Einfache Lösung:
Wenn das Design unter IE7 O.K. ist, dann folgendes in den Kopfbereich Deiner HTML-Seite einfügen (zwingt IE8 zum Rendern nach IE7 Standards:sad:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"  />

Schwierige Lösung:
CSS überprüfen, meistens liegts an Floating bzw, Positionierung.

CU
maxhb

[Sascha001983]

Hallo maxhb!
Danke für deine Antwort!

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Dies hat nicht funktioniert. In Typo3 hab ich es im template Ordner in der html Datei eingegeben. Doch wie ich im ie8 auf Quellentext gegangen bin war der meta Code nicht drinnen. So hab ich es offline probiert, hat aber nicht funktioniert, wahrscheinlich muss ich CSS überprüfen


Die CSS file:

body {    background-color:#ddd;
    font-size:90%;
    font-family:arial,helvetica,sans-serif;
    color:#494A47;
}
div#wrap {   width:900px;
    margin:3em auto;
    border:1px solid #333;
  }
 
div#header {      border-bottom:1px solid #333;
    background:url(../img/t3_header_bg.jpg) top left no-repeat;
    height:172px;
  }
div#header_sub {  background-color:white;
    color::#494A47;
    height:2em;
}
div#header_sub  a  { color:#494A47;
    }
div.rootline {  padding:5px 5px 5px 200px; font-size:90%; }  
div#main_wrap { background-color: white;
    width:100%;
    clear:both;
    }
div#content_wrap { background-color: white;
     width:700px;
     margin-left:200px;
  } 
 
div#navigation {  width:200px;
    float:left;
  }
 
 
 
div#content { padding:5px; width:490px;
  }
 
 
 
div#footer {  clear:both;
   padding:10px;
   font-size:90%;
   text-align:center;
   background-color: white;
  }
 
div#footer  a  { color:#494A47;
    }  
 
div.copyright {}
 
/* Navigation */
div#navigation ul  { list-style-type:none;
     padding:0;
     margin:1em;
    }
div#navigation ul ul { list-style-type:none;
      padding:0;
      margin:0 0 0.5em 1em;
    }   
 
ul.navi li  {   margin-bottom:0.2em;} 
 
ul.navi li a { 
    display:block;
    padding:0.2em 0.2em;
    text-decoration:none;
    color:#666666;
    font-weight:bold;
    border:1px solid #ddd;
    background-color:#eee;
    } 
ul.navi li a.active { background-color:#999;
      border-color:#999;
      color:#fff;
}
 
ul.navi li a:hover { background-color:#ddd;
     color:#494A47;
        border-color:#ccc;
   }
 
ul.subnavi li { list-style-type:none;
    margin: 0;
    padding:0;
    margin-bottom:0.2em;
    }    
 
ul.subnavi li a {  
    font-size:90%;
    padding:0.2em 0.5em;
    text-decoration:none;
    color:#666666;
    font-weight:normal;
    background-color:white;
    border:0;
    border-left: 1px dotted #aaa;
    border-bottom: 1px dotted #aaa;
    } 
 
ul.subnavi li a:hover { text-decoration:underline;
    background:white; 
    }
ul.subnavi li a.active { background-color:#F0F0F0;
     font-weight:bold;
     color:#555;
     border-color:#555;
}
 
div#content_wrap label { display:block; 
    padding-right:5px;
    width:100px;
    float:left;
    text-align:right;
    font-weight:bold;
     } 
/* Navigation Ende */

Was muss man da ändern?
Die CSS Datei findet ihr in meinem ersten Beitrag als Link zum downloaden.

Ich finde es schon komisch. Ich hab eine Video DVD (Einstig in TYPO3 4.3 von Thomas Kötter) und ein Buch (Einstieg in TYPO3 4.3 von Frank Bongers und Andreas Stöckl) gekauft. Bei beiden gibt es eine Beispiel Website mit TYPO3 und bei beiden hab ich das Problem das im IE die Darstellung, wie ich im ersten Beitrag geschrieben hab, im Firefox passt, aber im ie nicht. Wieso haben die das nicht überprüft?!?


Hier noch einmal das Problem mit Screenshots:
>eine Seite im Firefox da passt alles der PLATZHALTER FÜR INHALT ist neben der NAVIGATION
>eine Seite im IE8 da ist der PLATZHALTER FÜR INHALT nicht neben der NAVIGATION sondern beginnt daneben unterhalb der NAVIGATION

siehe nochmals meinen ersten Beitrag:
>>siehe eine Beispiel Seite im Firefox, da passt alles, der PLATZHALTER FÜR INHALT ist neben der NAVIGATION
>>siehe eine Beispiel Seite im ie8, da ist der PLATZHALTER FÜR INHALT erst unter und neben der NAVIGATION


mfg
Sascha

[bolshi]

Hi,

Hallo maxhb!
Danke für deine Antwort!

Dies hat nicht funktioniert. In Typo3 hab ich es im template Ordner in der html Datei eingegeben. Doch wie ich im ie8 auf Quellentext gegangen bin war der meta Code nicht drinnen. So hab ich es offline probiert, hat aber nicht funktioniert, wahrscheinlich muss ich CSS überprüfen

Dann probiere das oben Genannte mal per metaCharset einzubinden.

Viel Erfolg!

[Sascha001983]

@bolshi

Dann probiere das oben Genannte mal per metaCharset einzubinden.

wie geht das kannst du das bitte genauer beschreiben!
mfg Sascha

[bolshi]

In etwa so:


page.headerData.5 = TEXT
page.headerData.5.value = <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

[Sascha001983]

Problem gelöst!

Ich habe jetzt stundenlang and der CSS Datei gearbeitet.

Jetzt hat es funktioniert!


Alter Code-Teil der CSS Datei:

div#content_wrap { background-color: white;
     width:700px;
     margin-left:200px;
  }

Neuer Code-Teil der CSS Datei:

div#content_wrap { background-color: white;
     width:695px;
     margin-left:200px;
  }

Die Einstellung width war zu hoch!
PLATZHALTER FÜR INHALT und NAVIGATION haben nicht nebeneinander im ie gepasst bei Einstellung width:700px.
Aber bei Einstellung width:695px passt auch im ie alles schön nebeneinander!


Freu mich