Darstellungsprobleme im IE

[Siroks]

Ich habe eine Shout-box mit AJAX aufgebaut, und sie funktioniert soweit auch gut. Jedoch Wird sie nur im Firefox richtig dargestellt. Der IE zeigt nur die ersten 1,5 Zeilen des Chats, und zeigt auch nicht die Scrollbars an.

Die Relevanten Code-Teile sind:

Der CSS-Teil:

/* Quelle: http://www.devblog.de  
   "Shoutbox als AJAX-Anwendung"  
   Code darf frei verwendet werden */  
  
form {  
 margin: 0px;  
}  
  
#asb_container {  
 border: 1px dashed #B52021;  
 width: 600px;  
}  
  
#asb_contentwrap {  
 font: 8pt Arial;  
 height: 200px;  
 background-color: #DDDDDD;  
 overflow: auto;  
}  
  
#asb_content {  
 margin: 5px;  
}  
  
#asb_content .name {  
 color: #555555;  
 font-weight: bold;  
 padding-right: 5px;  
}  
  
#asb_inputwrap {  
 font: 8pt Arial;  
}  
  
#asb_input {  
 margin: 5px;  
}  
  
#asb_input .text {  
 border: 1px solid #888888;  
 font: 8pt Arial;  
 width: 586px;  
 background-color: #f4f4f4;  
}  
  
#asb_input .button {  
 width: 50px;  
 margin-top: 4px;  
 background-color: #B52021;  
 font: bold 8pt Arial;  
 color: white;  
 border: 1px solid #888888;  
}

Der HTML-Teil:

  
<div id="asb_contentwrap">  
  <div id="asb_content" height="100%" width="100%">  
   Shoutbox wird geladen ...  
  </div>  
 </div>  
 <div id="asb_inputwrap">  
  <div id="asb_input">  
   <form action="<?echo $PHPSELF;?>?p=community&i=chat" name="frmshoutbox" onsubmit="saveData(); return false;" method="post">  
    <b>Nachricht:</b><br /><input class="text" type="text" name="txtmessage" value="" /><br />  
    <input class="button" type="submit" name="btnsend" value="Senden" />  
   </form>  
  </div>  
 </div>  
</div></td></tr>

Die Link: Hier

Ich hoffe, ihr könnt mir weiterhelfen.
Ich habe den CSS-Code bereits durch einen Validator(http://jigsaw.w3.org/css-validator/validator) geschickt. Das hat aber leider keinen positives Resultat erzielt.

mfg Olaf

[Fragipani]

Hi,

Ich habe den CSS-Code bereits durch einen Validator(http://jigsaw.w3.org/css-validator/validator) geschickt. Das hat aber leider keinen positives Resultat erzielt.

Du hättest besser den HTML Code durch einen Validator geschickt. Da sind einige Fehler zu finden. Wenn Unterschiede zwischen dem IE und dem FF auftauchen ist das sehr oft damit zu begründen, dass der FF oft eine größere Fehlertoleranz hat und das Layout richtig anzeigt. Bring den HTML Code in Ordnung und du findest bestimmt selbst deinen Fehler

Fragipani

[Siroks]

Danke für den Tipp, die HTML-Fehler sind nun beseitigt, jedoch gibt es immer noch die selben Fehler in der Darstellung unter IE.
Ich habe das ganze mal als Einzel-Anwendung erstellt: http://olaf.jsg-kleve.de/singlechat.php
Interessant: Es funktioniert tadellos im IE. D. h. es muß davor irgendetwas schief gehen.
Wäre super, wenn sich das(http://olaf.jsg-kleve.de/index.php?p=community&i=chat) noch einmal jemand anschauen könnte. Ich werde es nochmal durch die Validatoren jagen, und schauen ob ich noch auf nen grünen Zweig komme.

mfg Olaf

[Siroks]

Ich habe jetzt auch noch einmal den gesamten Css-Teil angepasst. Die einzigen Fehler die jetzt noch auftauchen, sind auf die Durchsichtigkeit bezogen. Wenn ich die Durchsichtigkeit entferne, bleibt das Problem aber bestehen. Deshalb habe ich sie wieder eingefügt.

Wo ist der Fehler?

[Fragipani]

Hi, hab mir es nochmal angeschaut, jetzt geht es auch nicht mehr unterm FF. Das Layout stimmt, aber durch Umbenennungen kann dein JS nicht mehr auf frmshoutbox zugreifen... Ich schau gleich nochmal ob ich was finde, warum der IE nicht das macht, was er soll

[Fragipani]

Ich habe jetzt auch noch einmal den gesamten Css-Teil angepasst. Die einzigen Fehler die jetzt noch auftauchen, sind auf die Durchsichtigkeit bezogen. Wenn ich die Durchsichtigkeit entferne, bleibt das Problem aber bestehen. Deshalb habe ich sie wieder eingefügt.

Wo ist der Fehler?

Hab mal geschaut... Versuch mal dem <div id=asb_content> im CSS den Wert height=200px mitzugeben.

Der IE ist manchmal ganz schön zickig, wenn keine Höhen- und Breitenangaben gemacht werden...

Gruss Fragi

[Siroks]

Ich habe jetzt auch noch einmal den gesamten Css-Teil angepasst. Die einzigen Fehler die jetzt noch auftauchen, sind auf die Durchsichtigkeit bezogen. Wenn ich die Durchsichtigkeit entferne, bleibt das Problem aber bestehen. Deshalb habe ich sie wieder eingefügt.

Wo ist der Fehler?

Hab mal geschaut... Versuch mal dem <div id=asb_content> im CSS den Wert height=200px mitzugeben.

Der IE ist manchmal ganz schön zickig, wenn keine Höhen- und Breitenangaben gemacht werden...

Gruss Fragi

WOOOW.... Das wars! Oh Mann! Danke!