IE zeigt Grafik im Header nicht korrekt an

Ypselon · Beitrag von **Ypselon** » 12.09.2009 04:01

Ich habe ein kleines Problem, dieses betrifft aber nur den Internet Explorer 7+8, in Firefox und Opera klappt alles so wie es soll.

Und zwar habe ich oben im Header 2 Kometen eingebaut. Leider wird im IE der rechte Komet aus dem Bild geschoben, bzw. nicht korrekt dargestellt. Bei FF und Opera dagegen sieht alles einwandfrei aus.

Dann habe ich noch ein weiteres Problem, ebenfalls nur mit dem IE *seufz* : In der Navigation im Header, soll nach Minichat eine neue Zeile beginnen. Leider stellt auch das der IE nicht da, während Opera und FF allesn einwandfrei machen.

Hier der Link zum Board : http://www.venatoris-noctis.com/portal_ ... p?style=11
Hier Logindaten (Sonst sieht man den Umbruch in der Navi nicht):

Login : Jessica
pass : testuser
Einfach als Template im Portal 'venatoris_noctis_v2' auswählen.

Hier die Overall Header :

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<!--
	phpBB style name: Dark Shines
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:      
	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->
<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();
	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- ENDIF -->
	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}
	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}
	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}
// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
<link href="{T_THEME_PATH}/bbcodebox3.css" rel="stylesheet" type="text/css" />
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF S_IN_ARCADE -->
	<link href="{T_THEME_PATH}/arcade.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<script type="text/javascript" src="{ROOT_PATH}jquery_core_mini.js"></script>
<script type="text/javascript" src="{ROOT_PATH}jquery_cookie_mini.js"></script>
<link rel="stylesheet" href="{ROOT_PATH}mchat/mchat_Dark-Shines.css" type="text/css" />
</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
		<div id="header_nav">
	<!-- INCLUDE ../../../template/navigation/navigation.html -->
	</div>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>
			<div id="site-description">
			<div align="center">
			<table border="0" width="100%" style="border-collapse: collapse" height="80">
				<tr>
					<td width="75">
						<a href="{U_PORTAL}" title="{L_PORTAL}" id="logo">
						<img border="0" src="{T_THEME_PATH}/images/logo_komet_l.png" hspace="3" width="69" height="69"></a>
					</td>
					<td width="100%">
						<h1 align="center">{SITENAME}</h1>
						<p align="center">{SITE_DESCRIPTION}</p>
					</td>
					<td width="75">
						<a href="{U_INDEX}" title="{L_INDEX}" id="logo">
						<img border="0" src="{T_THEME_PATH}/images/logo_komet_r.png" width="69" height="69"></a>	</td>
					</tr>
			</table>
		    </div>
		    <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
			<span class="corners-bottom"><span></span></span></div>
		</div>
<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="linklist navlinks">
				<li class="icon-home">
				<!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF -->
				<a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>
			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li>
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull; 
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				<!-- IF S_INC_UNREAD_LINK -->
				<br />
				<!-- IF S_EXISTS_UNREADS -->
				<a href="{U_SEARCH_UNREAD}">{L_VIEW_UNREADS}&nbsp;({NUMBER_UNREAD_POSTS})</a> &bull; 
				<a href="{U_MARK_FORUMS}" title="{L_MARK_FORUMS_READ}">{L_MARK_FORUMS_READ}</a>
				<!-- ELSE -->
				<a href="{U_SEARCH_UNREAD}">{L_NO_UNREADS}</a>
				<!-- ENDIF -->
				<!-- ENDIF -->
				</li>
			</ul>

			<!-- ENDIF -->
			<ul class="linklist rightside">
				<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
				<!-- Start Ultimate Points -->
				<!-- IF S_POINTS_ENABLE -->
				<li class="icon-points"><a href="{U_POINTS}" title="{L_POINTS_EXPLAIN}">{POINTS_LINK}<!-- IF S_USER_LOGGED_IN --> [ {USER_POINTS} ] <!-- ENDIF --></a> &bull;</li>
				<!-- ENDIF -->
				<!-- End Ultimate Points -->
				<li class="icon-ucp"><a href="{U_ARCADE}" title="{L_ARCADE_EXPLAIN}">{L_ARCADE}</a> &bull;</li>
				<li class="icon-members"><a href="{U_BEST_SCORER}" title="{L_BEST_SCORER}">{L_BEST_SCORER}</a> &bull;</li>
				<li class="icon-sudoku"><a href="{U_SUDOKU}" title="{L_SUDOKU}">{L_SUDOKU}</a> &bull;</li>
				<li class="icon-chat"><a href="{U_CHAT}">{CHAT_LABEL}</a>&bull;</li>
				<!-- IF U_MCHAT -->
				<li class="icon-bump"><a href="{U_MCHAT}" title="{L_MCHAT}">{L_MCHAT}</a></li>
				<!-- ENDIF -->
				<!-- ENDIF -->
				<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
				<br>
				<!-- ENDIF -->
				<li class="icon-logout"><a href="radio.php" onclick="window.open('radio.php','','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=440, height=380, left=20, top=20'); return false;">{L_RADIO}</a> &bull;</li>
				<li class="icon-linkxs"><a href="{U_DM_LINKX_LINKX}">{L_DM_LINKX_LINKX}</a> &bull;</li>
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a> &bull;</li>
				<li class="icon-disclaimer"><a href="{U_IMPRESSUM}" title="{L_IMPRESSUM_TITLE}" accesskey="l">{L_IMPRESSUM_TITLE}</a> &bull;</li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a> &bull;</li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>
			<span class="corners-bottom"><span></span></span></div>
		</div>		<!-- ENDIF -->
	</div>
	<a name="start_here"></a>
	<div id="page-body">
		 <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 
		<div id="message" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
<!-- INCLUDE arcade/arcade_info_body.html -->

Und hier der Bereich wo ich den Kometen einbaue :

Code: Alles auswählen

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
		<div id="header_nav">
	<!-- INCLUDE ../../../template/navigation/navigation.html -->
	</div>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>
			<div id="site-description">
			<div align="center">
			<table border="0" width="100%" style="border-collapse: collapse" height="80">
				<tr>
					<td width="75">
						<a href="{U_PORTAL}" title="{L_PORTAL}" id="logo">
						<img border="0" src="{T_THEME_PATH}/images/logo_komet_l.png" hspace="3" width="69" height="69"></a>
					</td>
					<td width="100%">
						<h1 align="center">{SITENAME}</h1>
						<p align="center">{SITE_DESCRIPTION}</p>
					</td>
					<td width="75">
						<a href="{U_INDEX}" title="{L_INDEX}" id="logo">
						<img border="0" src="{T_THEME_PATH}/images/logo_komet_r.png" width="69" height="69"></a>	</td>
					</tr>
			</table>
		    </div>
		    <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
			<span class="corners-bottom"><span></span></span></div>
		</div>

Sollte jemand wissen, wie ich den Bug mit dem Kometen im IE beheben kann, bitte lasst es mich wissen.

Ebenfalls wäre interessant, wie ich nach dem Minichat im IE eine neue Zeile bekommen kann ... da ja BR nicht geht.

Underhill · Beitrag von **Underhill** » 19.09.2009 02:05

Hi,

hat sich das CSS Problem erledigt? Mich mich (VISTA IE8) sieht es gut aus..

Gruß
Underhill

Ypselon · Beitrag von **Ypselon** » 19.09.2009 08:48

Es hat sich insoweit erledigt, das ich alles an CSS rausgeschmissen habe. Ich erzeuge den Kopf nun direkt per Tabellen ohne CSS Unterstüzung bei der Positionierung. Es funktioniert, aber es ist nicht im Sinne des Erfinders

Da der Style mittlerweile FInal ist, hier der direkte Link falls jemand eine Lösung auf CSS Basis wüsste : http://www.venatoris-noctis.com/portal_venatoris/

phpBB.de

IE zeigt Grafik im Header nicht korrekt an

IE zeigt Grafik im Header nicht korrekt an

Re: IE zeigt Grafik im Header nicht korrekt an

Re: IE zeigt Grafik im Header nicht korrekt an