Browser Problematik position eines div

Johannes7146

Goldschnabel
Ich habe das Problem, dass sich ein div im IE anders darstellt als im FF.

Es geht um das div indem "Startseite Kontakt | Impressum | Hilfe (F2) | Logout" steht.

Es soll, wie im dem Bild vom Firefox auf dem grünem Balken liegen.
Leider wird es im IE 8 und im Opera 10 zuweit nach unten verschoben.
Ich habe den Text im screenshot dabei mit der maus markiert, da man sonst weiß auf weiß nicht sehen würde.

Das hier ist der betreffende Css code:
CSS:
#caKopfMenue {
	background: transparent url(page_header_balken.gif) top left;
	background-color: #FFFFFF;
	left: 10px;
	top: 67px;
	width: 980px;
	height: 65px;
	z-index: 10;
	position: absolute;
}
Das bild page_header_balken.gif ist die grüne linie. Der Text rutscht aber leider zu tief.
Das div liegt nicht in einem anderem Html-Objekt es wird lediglich von den body und html tags umschlossen.

Das hier ist der code in der JSP:
HTML:
<div id="caKopfMenue">
	<table border="0">
		<tr>
			<td class="kopfMenuStart"><a
				href="<c:url value="/app/welcomePrepare.do"/>"><fmt:message
				key="menu.startpage" /></a></td>
			<td class="kopfMenu">&nbsp;</td>
			<td class="kopfMenuKontakt"><a
				href="<ts:url><ts:message key="app.kontakt" /></ts:url>"><fmt:message
				key="menu.kontakt" /></a>&nbsp;&nbsp;|&nbsp;&nbsp; <a
				href="<ts:url><ts:message key="app.impressum" /></ts:url>"><fmt:message
				key="menu.impressum" /></a>&nbsp;&nbsp;|&nbsp;&nbsp;  <a
				href="javascript:showHelp();"><fmt:message key="menu.hilfe" /></a>&nbsp;&nbsp;|&nbsp;&nbsp; 
			<a href="<c:url value="/logoutPrepare.do"/>"><fmt:message
				key="menu.logout" /></a></td>
		</tr>
	</table>
	</div>

Bild 1 = IE 8
Bild 2 = FF 3.0.9
Bild 3 = Opera 10
 

Anhänge

  • IE.jpg
    IE.jpg
    12 KB · Aufrufe: 19
  • FF.jpg
    FF.jpg
    14,7 KB · Aufrufe: 20
  • O.jpg
    O.jpg
    14,2 KB · Aufrufe: 16
Hi,

mit dem Code-Snippet kann ich im IE8 diese Problematik nicht rekonstruieren. Opera10 hab ich nicht an bord.

mfg Maik
 
Opera 10 ist auch nicht so wichtig, Anforderung ist, dass es im IE und FF läuft.

Aber danke für deine Bemühungen.

Fällt dir (oder jemand anderem) sonst noch ein (möglicher) Grund für diese Problematik ein.
 
Ein Link zur Seite, oder der vollständige HTML- und CSS-Code dürfte hier weiterhelfen, um der Ursache auf den Grund gehen zu können, denn dein gezeigter Auszug produziert nicht (zumindest) im IE8 diesen Darstellungsfehler.

mfg Maik
 
Zurück