✔ Darstellungsproblem IE

[scandic]

Hallo,
ich bastel grade an einer kleinen Internetseite, im FireFox wird alles richtig dargestellt(Links im Menü neben und untereinander) im Internet Explorer allerdings verschwindet die untere Link-Zeile im Menü.
Die Internetseite lautet: http://www.bag-arbeitsschutz.de

die style und index datei habe ich unten angefügt, hoffe ihr könnt mir helfen!

Mit freundlichem Gruß,

Scandic

 

[Maik]

Hi,

dem HTML-Code zufolge hast du zumindest schon mal die erforderlichen "Conditional Comments" für den IE aus dem Original-Menü nicht korrekt übernommen, was wohl zu dem Darstellungsfehler führt.

mfg Maik

 

[scandic]

Hallo und danke für deine schnelle Antwort,
aber ich habe den code so aus dem template genommen. Deshalb weiß ich auch nicht genau was ich mit deinem Link anfangen kann, irgendwie seh ich da nix was mir weiter hilft.

Schönen Abend noch...

 

[Maik]

Den Code hast du aber sicherlich nicht in dieser Form aus dem Original übernommen, ansonsten gäbe es auch kein Darstellungsproblem im IE.

Denn neben den erwähnten "Conditional Comments" sind dir auch im grundsätzlichen Markup des Listenmenüs bei den letzten Menüpunkten syntaktische Fehler unterlaufen.

Mit diesem Markup werden die Menüpunkte bei mir im IE genauso ausgerichtet, wie im Firefox:

<div id="navbar" class="menu">
         <ul>
             <li class="button1"><a href="2.0.html" title="Was ist BAG?" accesskey="1">Was ist BAG?</a></li>
             <li class="button2"><a href="3.0.html" title="Wer ist BAG?" accesskey="2">Wer ist BAG?</a></li>
             <li class="button3"><a href="4.0.html" title="Was bietet BAG?" accesskey="3">Was bietet BAG?<!--[if IE 7]><!--></a><!--<![endif]-->
             <!--[if lte IE 6]><table><tr><td><![endif]-->
                     <ul>
                         <li><a href="16.0.html" title="Modernes Sicherheitsmanagement">Modernes Sicherheitsmanagement</a></li>
                         <li><a href="17.0.html" title="Modernes Gesundheitsmanagement">Modernes Gesundheitsmanagement</a></li>
                         <li><a href="18.0.html" title="Sicherheitskultur">Sicherheitskultur</a></li>
                         <li><a href="25.0.html" title="Rechtl. Grundlagen">Rechtl. Grundlagen</a></li>
                     </ul>
             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
             </li>
             <li class="button4"><a href="5.0.html" title="Warum BAG?" accesskey="4">Warum BAG?</a></li>
             <li class="buttonlast"><a href="22.0.html" title="Intern" accesskey="5">Intern</a></li>
             <li><a href="21.0.html" title="Referenzen">Referenzen</a></li>
             <li><a href="35.0.html" title="Kontakt">Kontakt</a></li>
         </ul>
</div>

mfg Maik

 

[scandic]

Ok, vielen Dank für den code, aber wo genau muss ich den einfügen? Kenn mich nicht wirklich mit dem ganzen Kram aus...

mfg,

scandic

 

[Maik]

Du hast ihn schon an der richtigen Stelle eingesetzt, nur musst du noch diese beiden darauffolgenden Zeilen aus dem Quellcode entfernen:

<ul><li class="button1"><a href="2.0.html" title="Was ist BAG?" accesskey="1">Was ist BAG?</a></li><li class="button2"><a href="3.0.html" title="Wer ist BAG?" accesskey="2">Wer ist BAG?</a></li><li class="button3"><a href="4.0.html" title="Was bietet BAG?" accesskey="3">Was bietet BAG?<!--[if IE 8]><!--></a><!--<![endif]--><table><tr><td><ul><li><a href="16.0.html" title="Modernes Sicherheitsmanagement">Modernes Sicherheitsmanagement</a></li><li><a href="17.0.html" title="Modernes Gesundheitsmanagement">Modernes Gesundheitsmanagement</a></li><li><a href="18.0.html" title="Sicherheitskultur">Sicherheitskultur</a></li><li><a href="25.0.html" title="Rechtl. Grundlagen">Rechtl. Grundlagen</a></li></ul></td></tr></table><!--[if lte IE 8]></a><![endif]--></li><li class="button4"><a href="5.0.html" title="Warum BAG?" accesskey="4">Warum BAG?</a></li><li class="buttonlast"><a href="22.0.html" title="Intern" accesskey="5">Intern</a></li><a href="21.0.html" title="Referenzen">Referenzen</a><a href="35.0.html" title="Kontakt">Kontakt</a></ul>
    </div>

mfg Maik

 

[scandic]

Wo genau find ich denn die Zeilen? und hängen die alle zusammen oder stehen die wild irgendwo in der Datei? Sorry, dass ich dich damit nerve..

Vielen Dank für deine Mühe,

scandic

 

[Maik]

Kennst du dich in deinem eigenen Quellcode nicht aus? :suspekt:

Zumal du mit meinem Code-Schnipsel gleich umzugehen wusstest...

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- 
	This website is powered by TYPO3 - inspiring people to share!
	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at http://typo3.com/ and http://typo3.org/
-->

	<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_128558aa69.css" />
	<link rel="stylesheet" type="text/css" href="fileadmin/templates/4823/css/style.css" />
	<link rel="stylesheet" type="text/css" href="fileadmin/templates/4823/css/menu.css" />
        <!--[if lte IE 8]>
        <style type="text/css">
        @import #url(fileadmin/templates/4823/css/menu_ie6.css);
        </style>
        <![endif]-->
	<title>Home</title>

	<meta name="generator" content="TYPO3 4.1 CMS" />
	<meta name="DESCRIPTION" content="My Site" />
	<meta name="KEYWORDS" content="Internet, Homepage, Typo3" />
	<script type="text/javascript" src="typo3temp/javascript_8d985c2683.js"></script>



</head>
<body>


<div id="main">

  <div id="logo"><a href="index.php"><img src="fileadmin/templates/4823/images/logo.gif" alt="Your Business" border="0" style="display:block;float:left;" /></a>
    <div id="navbar" class="menu">
         <ul>
             <li class="button1"><a href="2.0.html" title="Was ist BAG?" accesskey="1">Was ist BAG?</a></li>
             <li class="button2"><a href="3.0.html" title="Wer ist BAG?" accesskey="2">Wer ist BAG?</a></li>
             <li class="button3"><a href="4.0.html" title="Was bietet BAG?" accesskey="3">Was bietet BAG?<!--[if IE 7]><!--></a><!--<![endif]-->
             <!--[if lte IE 6]><table><tr><td><![endif]-->

                     <ul>
                         <li><a href="16.0.html" title="Modernes Sicherheitsmanagement">Modernes Sicherheitsmanagement</a></li>
                         <li><a href="17.0.html" title="Modernes Gesundheitsmanagement">Modernes Gesundheitsmanagement</a></li>
                         <li><a href="18.0.html" title="Sicherheitskultur">Sicherheitskultur</a></li>
                         <li><a href="25.0.html" title="Rechtl. Grundlagen">Rechtl. Grundlagen</a></li>
                     </ul>
             <!--[if lte IE 6]></td></tr></table></a><![endif]-->

             </li>
             <li class="button4"><a href="5.0.html" title="Warum BAG?" accesskey="4">Warum BAG?</a></li>
             <li class="buttonlast"><a href="22.0.html" title="Intern" accesskey="5">Intern</a></li>
             <li><a href="21.0.html" title="Referenzen">Referenzen</a></li>
             <li><a href="35.0.html" title="Kontakt">Kontakt</a></li>
         </ul>

</div>
<!-- Diese beiden Zeilen sind gemeint! -->
    <ul><li class="button1"><a href="2.0.html" title="Was ist BAG?" accesskey="1">Was ist BAG?</a></li><li class="button2"><a href="3.0.html" title="Wer ist BAG?" accesskey="2">Wer ist BAG?</a></li><li class="button3"><a href="4.0.html" title="Was bietet BAG?" accesskey="3">Was bietet BAG?<!--[if IE 8]><!--></a><!--<![endif]--><table><tr><td><ul><li><a href="16.0.html" title="Modernes Sicherheitsmanagement">Modernes Sicherheitsmanagement</a></li><li><a href="17.0.html" title="Modernes Gesundheitsmanagement">Modernes Gesundheitsmanagement</a></li><li><a href="18.0.html" title="Sicherheitskultur">Sicherheitskultur</a></li><li><a href="25.0.html" title="Rechtl. Grundlagen">Rechtl. Grundlagen</a></li></ul></td></tr></table><!--[if lte IE 8]></a><![endif]--></li><li class="button4"><a href="5.0.html" title="Warum BAG?" accesskey="4">Warum BAG?</a></li><li class="buttonlast"><a href="22.0.html" title="Intern" accesskey="5">Intern</a></li><a href="21.0.html" title="Referenzen">Referenzen</a><a href="35.0.html" title="Kontakt">Kontakt</a></ul>
    </div>
  </div>

  <div id="mainphoto"><img src="fileadmin/templates/4823/images/photo-main.jpg" alt="Your Company" /><a href="index.php"><img src="fileadmin/templates/4823/images/statement-main.gif" alt="Business Solutions to fit your personal needs." border="0" /></a></div>
  <div class="clear"></div>
  <div id="main-inner">
    <div id="main-inner-left">
    
	<!--  CONTENT ELEMENT, uid:22/text [begin] -->
		<a id="c22"></a>
		<!--  Text: [begin] -->
			<p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</p>

		<!--  Text: [end] -->
			
	<!--  CONTENT ELEMENT, uid:22/text [end] -->
		
	<!--  CONTENT ELEMENT, uid:21/textpic [begin] -->
		<a id="c21"></a>
		<!--  Image block: [begin] -->
			<div class="csc-textpic csc-textpic-center csc-textpic-above csc-textpic-equalheight"><div class="csc-textpic-imagewrap" style="width:454px;"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:454px;"><dt><img src="typo3temp/pics/6e7da91953.jpg" width="454" height="300" border="0" alt="" /></dt></dl></div><div class="csc-textpic-text">
		<!--  Text: [begin] -->
			<h1>&nbsp;</h1>
<h3><strong>&quot;Gesunde Mitarbeiter für ein gesundes Unternehmen&quot;</strong></h3>

		<!--  Text: [end] -->
			</div></div><div class="csc-textpic-clear"><!-- --></div>
		<!--  Image block: [end] -->
			
	<!--  CONTENT ELEMENT, uid:21/textpic [end] -->
		
    


	<!--

		BEGIN: Content of extension "cs_counter", plugin "tx_cscounter_pi1"

	-->
	<div class="tx-cscounter-pi1">
		<center>  40 Besucher<br>seit 01.07.2008</center>

	</div>
	
	<!-- END: Content of extension "cs_counter", plugin "tx_cscounter_pi1" -->

	
    </div>
    <div id="main-inner-right"> <img src="fileadmin/templates/4823/images/continents.gif" alt="Contact Us" />
      <p>Telefon:<br />
        +49(0)172-2434780<br />
        <br />

        Fax:<br />
        +49(0)2401-52451</p>
      <p class="highlight"><img src="fileadmin/templates/4823/images/arrow-on-white.gif" alt="Email KontaKt" hspace="5" align="absmiddle" /><a href="mailto: info@bag-arbeitsschutz.de">Email Kontakt</a></p>
    </div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>

</div>
<div id="footer"> &copy; BAG-Arbeitsschutz |
  <!-- This template is provided free of charge as long as you keep the link to http://www.finerdesign.com -->
  <a href="http://www.finerdesign.com/" target="_blank" style="text-decoration:none;">Web Design</a> by FinerDesign.com|
  <!-- Bilder stammen von www.pixelio.com -->
  <a href="http://www.pixelio.com/" target="_blank" style="text-decoration:none;">Bilder </a> by www.pixelio.de</div>

</div>

<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;">
Design downloaded from <a href="http://www.freewebtemplates.com/">Free Templates</a> - your source for free web templates
</div>

</body>
</html>

mfg Maik

 

[scandic]

Ich hab die erste Zeile von deinem Code-Schnippsel in meinem Dokument gesucht und den Code da dann eingefügt, war wohl mehr Glück als Verstand. ;-)
Und wenn ich deinen Code ohne die 2 roten Zeilen einfüge sehe ich nur den grauen Hintergrund auf der Homepage...
Naja, egal, irgendwie hab ich da heute abend nicht recht den Kopf mehr für.

Vielen Dank für deine Bemühungen

Schönen Abend noch,

scandic

 

[Maik]

copy&paste beherrscht du aber, oder?

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--
        This website is powered by TYPO3 - inspiring people to share!
        TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
        TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
        Information and contribution at http://typo3.com/ and http://typo3.org/
-->

        <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_128558aa69.css" />
        <link rel="stylesheet" type="text/css" href="fileadmin/templates/4823/css/style.css" />
        <link rel="stylesheet" type="text/css" href="fileadmin/templates/4823/css/menu.css" />
        <!--[if lte IE 8]>
        <style type="text/css">
        @import #url(fileadmin/templates/4823/css/menu_ie6.css);
        </style>
        <![endif]-->
        <title>Home</title>
        <meta name="generator" content="TYPO3 4.1 CMS" />
        <meta name="DESCRIPTION" content="My Site" />
        <meta name="KEYWORDS" content="Internet, Homepage, Typo3" />
        <script type="text/javascript" src="typo3temp/javascript_8d985c2683.js"></script>



</head>
<body>


<div id="main">
  <div id="logo"><a href="index.php"><img src="http://www.bag-arbeitsschutz.de/http://www.bag-arbeitsschutz.de/fileadmin/templates/4823/images/logo.gif" alt="Your Business" border="0" style="display:block;float:left;" /></a>
    <div id="navbar" class="menu">
         <ul>
             <li class="button1"><a href="2.0.html" title="Was ist BAG?" accesskey="1">Was ist BAG?</a></li>
             <li class="button2"><a href="3.0.html" title="Wer ist BAG?" accesskey="2">Wer ist BAG?</a></li>
             <li class="button3"><a href="4.0.html" title="Was bietet BAG?" accesskey="3">Was bietet BAG?<!--[if IE 7]><!--></a><!--<![endif]-->
             <!--[if lte IE 6]><table><tr><td><![endif]-->
                     <ul>
                         <li><a href="16.0.html" title="Modernes Sicherheitsmanagement">Modernes Sicherheitsmanagement</a></li>
                         <li><a href="17.0.html" title="Modernes Gesundheitsmanagement">Modernes Gesundheitsmanagement</a></li>
                         <li><a href="18.0.html" title="Sicherheitskultur">Sicherheitskultur</a></li>
                         <li><a href="25.0.html" title="Rechtl. Grundlagen">Rechtl. Grundlagen</a></li>
                     </ul>
             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
             </li>
             <li class="button4"><a href="5.0.html" title="Warum BAG?" accesskey="4">Warum BAG?</a></li>
             <li class="buttonlast"><a href="22.0.html" title="Intern" accesskey="5">Intern</a></li>
             <li><a href="21.0.html" title="Referenzen">Referenzen</a></li>
             <li><a href="35.0.html" title="Kontakt">Kontakt</a></li>
         </ul>
    </div>
  </div>
  <div id="mainphoto"><img src="http://www.bag-arbeitsschutz.de/fileadmin/templates/4823/images/photo-main.jpg" alt="Your Company" /><a href="index.php"><img src="http://www.bag-arbeitsschutz.de/fileadmin/templates/4823/images/statement-main.gif" alt="Business Solutions to fit your personal needs." border="0" /></a></div>
  <div class="clear"></div>
  <div id="main-inner">
    <div id="main-inner-left">

        <!--  CONTENT ELEMENT, uid:22/text [begin] -->
                <a id="c22"></a>
                <!--  Text: [begin] -->
                        <p class="bodytext">&nbsp;</p>
<p class="bodytext">&nbsp;</p>
                <!--  Text: [end] -->

        <!--  CONTENT ELEMENT, uid:22/text [end] -->

        <!--  CONTENT ELEMENT, uid:21/textpic [begin] -->
                <a id="c21"></a>
                <!--  Image block: [begin] -->
                        <div class="csc-textpic csc-textpic-center csc-textpic-above csc-textpic-equalheight"><div class="csc-textpic-imagewrap" style="width:454px;"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:454px;"><dt><img src="typo3temp/pics/6e7da91953.jpg" width="454" height="300" border="0" alt="" /></dt></dl></div><div class="csc-textpic-text">
                <!--  Text: [begin] -->
                        <h1>&nbsp;</h1>
<h3><strong>&quot;Gesunde Mitarbeiter für ein gesundes Unternehmen&quot;</strong></h3>
                <!--  Text: [end] -->
                        </div></div><div class="csc-textpic-clear"><!-- --></div>
                <!--  Image block: [end] -->

        <!--  CONTENT ELEMENT, uid:21/textpic [end] -->




        <!--

                BEGIN: Content of extension "cs_counter", plugin "tx_cscounter_pi1"

        -->
        <div class="tx-cscounter-pi1">
                <center>  25 Besucher<br>seit 01.07.2008</center>
        </div>

        <!-- END: Content of extension "cs_counter", plugin "tx_cscounter_pi1" -->


    </div>
    <div id="main-inner-right"> <img src="http://www.bag-arbeitsschutz.de/fileadmin/templates/4823/images/continents.gif" alt="Contact Us" />
      <p>Telefon:<br />
        +49(0)172-2434780<br />
        <br />
        Fax:<br />
        +49(0)2401-52451</p>
      <p class="highlight"><img src="http://www.bag-arbeitsschutz.de/fileadmin/templates/4823/images/arrow-on-white.gif" alt="Email KontaKt" hspace="5" align="absmiddle" /><a href="mailto: info@bag-arbeitsschutz.de">Email Kontakt</a></p>
    </div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
</div>
<div id="footer"> &copy; BAG-Arbeitsschutz |
  <!-- This template is provided free of charge as long as you keep the link to http://www.finerdesign.com -->
  <a href="http://www.finerdesign.com/" target="_blank" style="text-decoration:none;">Web Design</a> by FinerDesign.com|
  <!-- Bilder stammen von www.pixelio.com -->
  <a href="http://www.pixelio.com/" target="_blank" style="text-decoration:none;">Bilder </a> by www.pixelio.de</div>

</div>

<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;">
Design downloaded from <a href="http://www.freewebtemplates.com/">Free Templates</a> - your source for free web templates
</div>

</body>
</html>

mfg Maik