XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Untermenü im IE (http://xhtmlforum.de/showthread.php?t=57442)

nici 22.06.2009 13:40

Untermenü im IE
 
Hallo,

vor einpaar Tagen hatte ich es hinbekommen, dass das Untermenü im IE angezeigt wird, doch jetzt geht es nicht mehr, kann mir jmd sagen warum??
Das einzige was dazu gekommen ist, ist ein tooltip-hover.

lg

nici

regloh 22.06.2009 16:04

Rufst du auch in der Autowerkstatt an und fragst, warum es im Moterraum klappert, nachdem du die Reifen gewechselt hast und erwartest, dass der Mechaniker eine Antwort hat?

Was will ich damit sagen? Wir können nicht hellsehen und auch die Experten hier benötigen einen Testcase oder zumindest lauffähigen Code.

nici 22.06.2009 21:18

Hallo,

also das ist mein Menü

{if $menu != null}
<ul id="navmenu">
{foreach name=main key=key item=value from=$menu}
<li>
{if is_array($value)}
<span>{$key}</span>
{if $value != null}
<ul class="menu_sub_list">
{foreach name=sub key=key_sub item=item_sub from=$value}
<li><a href="{$item_sub}">{$key_sub}</a></li>
{/foreach}
</ul>
{/if}
{else}
<a href="{$value}">{$key}</a>
{/if}
&nbsp;
</li>
{/foreach}

</ul>
{/if}


und das ist die css dazu:

.menu_sub_list{
/*display: none;*/
background:#EEE;
}

ul#navmenu {
margin-top: 15px;
border: 0 none;
padding: 0;
margin-right: 10px;
width: 100%; /*For KHTML*/
list-style: none;
height: 24px;
font-size: 13px;
}


#navmenu{
background-image: url( '../../../gradient.php?width=1&height=30&direction=vertical& start=416eb1&end=8ba6d0' );
background-repeat: repeat-x;
margin-left: 0;
margin-top: 5px;
height:30px;

}
#menu_list a{
}


/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #EEE;
color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background: #EEE;
color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}

danke.

lg

nici

regloh 22.06.2009 21:24

Das ist Pseudo-Code deines CMS oder irgendeinem anderen System und er ist zudem auch nicht vollständig. Gib uns bitte den geparsten HTML-Code und nutze dazu die CODE-Tags hier im Forum, damit der Code leserlicher wird. Diese Code-Tags findest du, wenn du bei "Direkt antworten" auf "Erweitert" klickst. In der Formatierungsleiste (wo du auch die Schriftart, -farbe, ect. einstellen kannst) findest du Schaltflächen für generellen Code, HTML-Code und PHP-Code. Und beachte, dass dieser Code dann lauffähig sein sollte, damit man ihn aus dem Forum einfach rauskopieren und in einem Testdokumemt einfügen und testen kann.

Besser wäre es aber wohl, du stellst eine Seite zum Problemfall online.

nici 22.06.2009 21:35

ähm mal ne dumme fragen, was meinst du mit "geparstem Html Code"
und, dirket antworten geht irgendwie nicht, auch nicht wenn ich auf Erweitert gehe.

Praktikant 22.06.2009 21:41

Sieht verdammt nach phpBB aus, oder? :)
Geparster Code:
Seite im Browser öffnen -> Rechtklick -> Seitenquelltext anzeigen -> Alles markieren -> Alles kopieren -> Hier posten -> warten :)

Und.... bitte benutzer bei Code die entsprechenden Tags! Erhöht die Lesbarkeit.

regloh 22.06.2009 21:43

Zitat:

ähm mal ne dumme fragen, was meinst du mit "geparstem Html Code"
Dein CMS (oder was auch immer diesen Code in den geschweiften Klammern einliest) basiert auf PHP. PHP wird auf deinem Webserver interpretiert und als HTML aus- und an den Browser weitergegeben. Es ist quasi der Code, der unter "Ansicht > Quelltext anzeigen" ausgegeben wird.

Zitat:

und, dirket antworten geht irgendwie nicht, auch nicht wenn ich auf Erweitert gehe.
Dann klickst du sicherlich auf "Antworten". Danach befindest du dich bereits in der erweiterten Ansicht und kannst die Code-Tag-Schaltflächen (was für ein Wort :D) nutzen.

Zitat:

Seite im Browser öffnen -> Rechtklick -> Seitenquelltext anzeigen -> Alles markieren -> Alles kopieren -> Hier posten -> warten :)
Dabei fehlt dann aber der CSS-Code, sofern der nicht im <head>-Bereich steht. Und das sieht mir hier stark danach aus :D

nici 22.06.2009 21:49

hallo,
hier ist nur der code von der Statischen Version, mit der ich daheim arbeite. Mit der geht es, aber heute morgen auf der Arbeit ging es leider nicht. Wie gesagt, weil ich noch was mit tooltips-hover hinzugefügt habe.

HTML-Code:

<?xml version="1.0" encoding="utf-8" ?>
<!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="en" lang="en">
<head>
<title> - Startseite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="templates/eberhard/css/zentral.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<script src="js/minmax.js" type="text/javascript"></script>
<![endif]-->

<!--[if lte IE 7]>
<link href="templates/eberhard/css/patches/patch_my_layout.css" rel="stylesheet" type="text/css" />
<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
</head>
<body>        <div class="page_margins">
    <div id="header">

        <div class="subcolumns">
                            <div id="topnav">
                    <form action="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=article&amp;submodule=search" method="post">
                        <div>
                            <input name="searchvalue" type="text" value="Suchbegriff" />
                            <input type="submit" name="sent" value="Schnellsuche" class="btn"/>
                        </div>
                    </form>
                </div>

                        <div class="clearfix">
                <div class="c33l" style="width: 400px;">
                    <img src="http://xhtmlforum.de/images/eberhard/banner.png" alt="Eberhard" />
                </div>

                <div class="c33l angemeldet clearfix">
                                                                    <ul style="list-style-type: none; float: left; margin-right: 15px;">
                            <li>Kundenname: Radomski, Stefan</li>
                            <li>Kundennummer: 100500</li>

                            <li>Profilname: Administrator</li>
                            <li style="margin-top: 6px;"><a style="padding: 3px; border: 1px solid black;" href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=login&amp;submodule=logout"  class="text_color_white btn">abmelden</a></li>
                        </ul>
                        <ul style="list-style-type: none;">
                            <li>Positionen: 20</li>
                            <li>Warenwert: 13.545,01&euro;</li>
                            <li style="margin-top: 6px;"><a style="padding: 3px; border: 1px solid black; height: 20px;" href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=kunde&amp;submodule=warenkorb&amp;action=order&amp;id=35"  class="text_color_white btn">Warenkorb</a></li>

                        </ul>
                                    </div>
                </div>
        </div>
    </div>
<!-- kein schliessendes Tag fuer div class="page_margins" das kommt im footer -->
                <ul id="navmenu">
                    <li>
                                    <a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1">Startseite</a>

                                &nbsp;
            </li>
                    <li>
                                    <span>Artikelsuche</span>
                                            <ul class="menu_sub_list">
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=article&amp;submodule=search">Schnellsuche</a></li>
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=article&amp;submodule=aktionen">Aktionen</a></li>

                                                    </ul>
                                                    &nbsp;
            </li>
                    <li>
                                    <span>Bestellung</span>
                                            <ul class="menu_sub_list">
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1">Warenkorb</a></li>
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1">Schnellerfassung</a></li>

                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1">Import</a></li>
                                                    </ul>
                                                    &nbsp;
            </li>
                    <li>
                                    <span>Abfragen</span>
                                            <ul class="menu_sub_list">
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=abfrage&amp;submodule=auftrag">Aufträge</a></li>

                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=abfrage&amp;submodule=angebot">Angebote</a></li>
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=abfrage&amp;submodule=rueckstand">Rückstände</a></li>
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=abfrage&amp;submodule=rechnung&amp;type=open">Rechnungen</a></li>
                                                    </ul>
                                                    &nbsp;
            </li>
                    <li>

                                    <span>Service</span>
                                            <ul class="menu_sub_list">
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=service&amp;submodule=datanormanfordern">Datanorm anfordern</a></li>
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=service&amp;submodule=datanormabholen">Datanorm abholen</a></li>
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1">Schnittstellen</a></li>
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1">Etikettendruck</a></li>

                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1">Benutzerverwaltung</a></li>
                                                    </ul>
                                                    &nbsp;
            </li>
                    <li>
                                    <span>Kundenservice</span>
                                            <ul class="menu_sub_list">
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=kunde">Einstellungen</a></li>

                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=kunde&amp;submodule=warenkorb">Warenkorb</a></li>
                                                    </ul>
                                                    &nbsp;
            </li>
                    <li>
                                    <span>Aktuelles</span>
                                            <ul class="menu_sub_list">
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1">Aktuelles</a></li>

                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=test">AGB</a></li>
                                                            <li><a href="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1">Impressum</a></li>
                                                    </ul>
                                                    &nbsp;
            </li>
             
    </ul>
                <h3></h3>
        <div id="main">

            <div class="subcolumns">
    <div class="subcl">
        <h2>Willkommen im neuen Kibes!</h2>
        <img style="float: left; margin: 5px;" src="http://xhtmlforum.de/images/eberhard/indus.jpg" alt="bild" />
<p>
Hier werden sie im Laufe der Zeit die Entstehung des neuen Kibes verfolgen koennen. Damit sie auch immer etwas zu sehen haben, bitte ich sie zu entschuldigungen, dass wir sie nicht direkt auf unsere Entwicklungsplattform lassen koennen, weil sie da mehr Fehlermeldungen als tolle neue Features beobachten koennen.
</p>
<div class="clearfix" style="float: none; clear: both;"></div>
<hr />
<!--<h4>Titel</h4>
<h6>datum</h6>
<p></p>
<h5>ihr Kibesteam</h5>
<hr />-->

<h4>Auftrags- und Rechnungspositionen</h4>

<h6>07.05.2009</h6>
<p>Ab heute ist es m&ouml;glich, sich zu Rechnungen und Auftr&auml;gen die Positionen anzeigen zu lassen. Von dort aus kommt man noch weiter zu den jeweiligen Artikelinformationen.</p>
<p>Eine leiste mit dem Verlauf soll sp&auml;ter noch hinzukommen, um die Navigation zu vereinfachen.</p>
<p>Die Artikelinformationen werden gerade &uuml;berarbeitet, also nicht wundern, wenn sie anders aussehen als vorher.</p>
<h5>ihr Kibesteam</h5>
<hr />
<h4>Kompatibilit&auml;t der Browser</h4>

<h6>geschrieben am 05.05.2009</h6>
<p>
Wie sie bestimmt herausgefunden haben, sieht das Kibes momentan mit dem Internet Explorer 5.5, 6 und 7 einfach nur doof aus. Mit der Version 8 dagegen sieht es wieder ansehnlich aus. Woher kommt das und warum ist das noch nicht behoben?</p>
<p>Ja, wir werden das noch beheben und nein, das ist nicht ganz so einfach wie es klingt. Im Internet gibt es Standards f&uuml;r die Darstellung von Webseiten. HTML4, XHTML und weitere. Diese werden durch den Firefox, Opera, Chrome und Safari auch eingehalten und erleichtern damit ungemein das entwickeln von Webseiten. Ohne viel Aufwand haben wir es geschafft 4 total unterschiedliche Browser zu unterst&uuml;zen, nur weil wir einen Standard eingehalten haben.
</p>
<p>Der Internet Explorer hingegen h&auml;lt diese Standards erst mit der kommenden Version 8 ein. Es m&uuml;ssen also Kommandos f&uuml;r den Internet Explorer hinzugef&uuml;gt werden. Es ist jedoch nicht so ganz einfach diese bugfixes einzuspielen, da das Verhalten des Internet Explorers nicht dokumentiert ist und sich die einzelnen Versionen zu dem auch noch unterschiedlich Verhalten.</p>
<p>Wir arbeiten daran, allerdings kann das noch ein bischen Zeit in Anspruch nehmen. Wir k&ouml;nnen wir sie nur um Geduld bitten.</p>

<h5>ihr Kibesteam</h5>
    </div>
</div>
<!--
<div class="subcolumns">

        <div class="c33l">
          <div class="subcl">
            <h6>Example Navigation </h6>
            <ul>
              <li><a href="../index.html">Table Of Contents</a></li>
              <li><a href="equal_height_boxes.html">Next Example</a></li>
              <li><a href="flexible_grids.html">Previous Example</a>  </li>
            </ul>
          </div>
        </div>
        <div class="c33l">
          <div class="subc mitte">
            <h6>And another box </h6>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad  minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip  ex ea commodo consequat laboris nisi ut aliquip.</p>
          </div>
        </div>
        <div class="c33r">
          <div class="subcr">
            <h6>This box is aligned with the sidebar </h6>
            <p>Lorem ipsum quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
          </div>
        </div>
      </div>

                    <div class="subcolumns">
              <div class="c50l">
                <div class="subcl">
                  <h6>This is a nested column</h6>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad  minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip  ex ea commodo consequat. Duis aute irure dolor in reprehenderit in  voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                </div>
              </div>
              <div class="c50r">
                <div class="subcr">
                  <h6>This is another nested column </h6>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad  minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip  ex ea commodo consequat. Duis aute irure dolor in reprehenderit in  voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                </div>
              </div>
            </div>
-->
        </div>
        <div id="debug">
        <div id="header2">Debug-Meldungen</div>
                    <div class="display_table_row">
                <div class="display_table_cell">0:</div>

                <div class="display_table_cell">DB-Link: database/dataxml?debug=1&amp;kdnr=100500&amp;pass=c48d037f140d4e940a1e0a53183067b0&amp;manr=2&amp;module=login</div>
            </div>
                    <div class="display_table_row">
                <div class="display_table_cell">1:</div>
                <div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=login&amp;submodule=kundeninfo</div>

            </div>
                    <div class="display_table_row">
                <div class="display_table_cell">2:</div>
                <div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=login&amp;submodule=getmenueleiste</div>
            </div>
                    <div class="display_table_row">

                <div class="display_table_cell">3:</div>
                <div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=login&amp;submodule=getmenueeintraege&amp;menueid=ARTIKELSUCHE</div>
            </div>
                    <div class="display_table_row">
                <div class="display_table_cell">4:</div>

                <div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=login&amp;submodule=getmenueeintraege&amp;menueid=BESTELLUNG</div>
            </div>
                    <div class="display_table_row">
                <div class="display_table_cell">5:</div>
                <div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=login&amp;submodule=getmenueeintraege&amp;menueid=ABFRAGEN</div>

            </div>
                    <div class="display_table_row">
                <div class="display_table_cell">6:</div>
                <div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=login&amp;submodule=getmenueeintraege&amp;menueid=SERVICE</div>
            </div>
                    <div class="display_table_row">

                <div class="display_table_cell">7:</div>
                <div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=login&amp;submodule=getmenueeintraege&amp;menueid=KUNDE</div>
            </div>
                    <div class="display_table_row">
                <div class="display_table_cell">8:</div>

                <div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=login&amp;submodule=getmenueeintraege&amp;menueid=AKTUELLES</div>
            </div>
                    <div class="display_table_row">
                <div class="display_table_cell">9:</div>
                <div class="display_table_cell">DB-Link: database/dataxml?sessid=C559DA2BA967EB820766939A658022C8&amp;debug=1&amp;module=kunde&amp;submodule=warenkorbinhalt&amp;aktion=get</div>

            </div>
            </div>    <div id="footer">
        <!--<form action="./index.php?sessionid=C559DA2BA967EB820766939A658022C8&amp;debug=1" method="post">
            <div>
                <select name="template" size="1">
                                            <option  value="modern">Variante 1</option>
                                            <option selected="selected" value="eberhard">default</option>
                                    </select>
                <select name="language" size="1">
                                                                        <option selected="selected" value="de">deutsch</option>
                                                                                                <option value="en">english</option>
                                                            </select>
                <input type="submit" value="Los" />
                </div>
            </form>-->

        </div>
    </div>
    </body>
</html>


regloh 22.06.2009 21:52

Ja - Super Code :D Und wo hast du die Code-Tags benutzt?? ;)

Nimm mal
HTML-Code:

<?xml version="1.0" encoding="utf-8" ?>
(das ist übrigens Code, der mit Code-Tags eingefügt wurde ;) ) raus. Das versetzt den IE in den Quirks-Mode. Ansonsten ist das alles sehr viel und unübersichtlich. Da steigt man so nicht durch. Deswegen: Onlinebeispiel!

Praktikant 22.06.2009 21:59

Zitat:

Zitat von regloh (Beitrag 436264)
Dabei fehlt dann aber der CSS-Code, sofern der nicht im <head>-Bereich steht. Und das sieht mir hier stark danach aus :D

Hast Recht :D Aber immerhin gibts jetzt den HTML-Code im entsprechenden Code-Tag :) Fehlt nur noch der CSS-Code, an den man fast genauso kommt :D
Auf die Seite gehen -> Quelltext anzeigen -> den Link zum CSS suchen -> in die Browserzeile schreiben (darauf achten, dass an der richtigen Stelle angesetzt wird, wenn nur Ordnerpfade da stehen) -> Alles makieren -> Alles Kopieren -> Hier posten -> Warten.

Viel besser ist aber der Link zum Online-Beispiel, weil dann sieht man das ganze auch mal mit Bildern :)


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:02 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020