DIV Tags werden in IE leer angezeigt - Firefox/Opera zeigen sie korrekt an

[nhoj]

Ich arbeite momentan an einer Toolbar für ein Projekt, dabei stellt mich der Internet Explorer vor einige Schwierigkeiten.

Und zwar werden beim Klick auf Icons DIV-Tags von oben in die Webseite eingefahren, in denen dann der entsprechende Inhalt angezeigt wird, indem die CSS Eigenschaft display auf block gestellt wird. In Firefox und Opera funktioniert das auch wunderbar. Im Internet Explorer dagegen wird nur das Hauptfenster eingefahren, welches aber vollkommen leer ist, die Inhalte werden nicht angezeigt.

Ich habe schon einigen Suchaufwand bei Google und hier Forum betrieben sowie ein paar Sachen mit der Developer Toolbar ausprobiert, aber irgendwie finde ich den Fehler nicht. Vielleicht kennt von euch ja irgendwer den Fehler bzw. hatte schon mal ein ähnliches Problem.

 

[tobee]

Ich glaube es liegt am Doctype
Ich habe mal den Doctype entfernt und dann hat es wunderbar funktioniert!

Tobee

 

[nhoj]

Hm, also ich habs auch mal ohne Doctype ausprobiert, aber im IE werden die Inhalte der DIVs trotzdem nicht angezeigt.

Mit welcher Version vom Internet Explorer hast du das denn probiert?

 

[nhoj]

DIV Tags in IE leer - in Opera/Firefox werden sie korrekt angezeigt

<edit by mod>Hier noch weitere Details</edit>

CSS:

#sif-window {
	font-family: Tahoma;
	font-size:11px;
	position: absolute;
	z-index: 1001;
	top: -230px;
	left:0;
	width: 239px;
	padding: 0 3px 4px;
	background-color: #444;
	text-align:left;
	border:1px solid #EEEEEE;
	color:#FFFFFF;
	overflow:visible;
	height:auto;
	margin:0 0 0 0;
}

Von Javascript generierter HTML-Code:

<div id="sif-window">
	<div style="display: none; visibility: hidden;" id="sif-w-user-online">
		<table>
			<tr style="background-color: rgb(102, 102, 102);">
				<td class="topic" align="left" valign="middle" width="100%">Users online</td>
				<td align="center" valign="middle" width="16">
					<span style="width: 16px;"><a style="width: 16px;" title="Close Window" id="sif_tb_icon_1" class="icon" href="#"><img style="visibility: visible; opacity: 0.7;" alt="Close Window" src="http://en.saveitfree.com/gfx/toolbar/close_ico.png" border="0"></a></span>
				</td>
			</tr>
			<tr>
				<td class="content" colspan="2" align="left" valign="top">
					<table id="sif-user-online-table" width="100%">
						<tr id="sif-user-online-table-loading">
							<td colspan="2"><img alt="Loading..." src="http://en.saveitfree.com/gfx/ladebalken.gif"></td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div>	
	
	<div style="display: none; visibility: hidden;" id="sif-w-rate">
		<table>
			<tr style="background-color: rgb(102, 102, 102);">
				<td class="topic" align="left" valign="middle" width="100%">Rate this Homepage!</td>
				<td align="center" valign="middle" width="16"><span style="width: 16px;"><a style="width: 16px;" title="Close Window" id="sif_tb_icon_5" class="icon" href="#"><img style="visibility: visible; opacity: 0.7;" alt="Close Window" src="http://en.saveitfree.com/gfx/toolbar/close_ico.png" border="0"></a></span></td>
			</tr>
			<tr>
				<td class="content" colspan="2" align="left" valign="top">
					<div style="width: 100%; height: auto;" id="sif-rate-content">
						<table width="100%">
							<tr>
								<td align="left" valign="middle">Points:</td>
								<td align="left" valign="middle"><select id="sif-rate-points" name="points"><option value="1">1 - very bad</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option selected="selected" value="5">5 - neutral</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10 - very nice</option></select></td>
							</tr>
							<tr>
								<td align="left" valign="top">Comment (optional):</td>
								<td align="left" valign="top"><textarea style="width: 150px; height: 50px; font-size: 10px; font-family: Tahoma;" id="sif-rate-comment" name="comment"></textarea></td>
							</tr>
							<tr>
								<td colspan="2"></td>
							</tr>
							<tr>
								<td colspan="2" align="center" valign="middle"><input value="Rate Homepage" onclick="Toolbar.rateHomepage();" type="button"></td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>
	</div>
</div>

 

[Daviot]

Hi nhoj
Probiers mal das du das div Tag in eine Tabelle einpackst, die nur IE beachten
Bin mir nicht sicher aber du kannst es ja mal probieren, ich verwende es um das div ein und auszublenden.

<!--[if IE]>
<table><tr><td>
<![endif]-->
--Div Tag--
<!--[if IE]>
</td></tr></table>
<![endif]-->