• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Stylesheet im Internet Explorer nicht kompatibel

M

makumba

Neues Mitglied
Hallo, bin grad am verzweifeln. Meine Navigation wird in allen Browsern richtig angezeigt bis auf den schei?? internet explorer -.- würd mich freuen wenn ihr mir da bissl unter die arme greifen könnt.. Danke im Voraus hier der stylesheet von der navi div#Tmenu { width: 1000px; padding-top:6px; padding-right: 100px; } ul#Navigation { margin: 0.1em; text-align: center; } ul#Navigation li { list-style: none; float:left; position: relative; } ul#Navigation li ul { margin: 0; padding: 0; position: absolute; top: 2.9em; left: -0em; } ul#Navigation li ul li { float: none; display: block; } ul#Navigation a, ul#Navigation span { display: block; width: 137px; height: 30px; font-weight: bold; border: 1px solid #403e5b; color: #CDC5BF; padding-top: 0.5em; padding-bottom: 0.17em; text-decoration:none; } * html ul#Navigation a, * html ul#Navigation span { width: 9.2em; width: 7em; } ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover { background-color: #7875A4; border-left-color: #FFF; border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; color: #000; opacity: 0.5; } ul#Navigation li ul a:hover { border-color: #403e5b; } li a#aktuell { border-right-color: #300; border-bottom-color: #300; background-color: #900; } ul#Navigation li ul span { border-right-color: #CCC; border-bottom-color: #CCC; color: #CCC; border-top-color: #CCC; border-left-color: #CCC; } ul#Navigation li a:active, ul#Navigation li:hover a:active { color: #CCC; background-color: #f00; } /* dynamisches Ein-/Ausblenden */ ul#Navigation li ul { display: none; } ul#Navigation li:hover ul { display: block; background-color: #676679; }
 
Hallo,

hast du auch einen Link zu der Seite, ansonsten stelle doch mal deinen Code noch mal hier rein und zwar HTML und CSS. Benutze dafür die Tags aus dem Editor um den Code richtig darstellen zu lassen.
 
Html - Code plus Style von Navi--

HTML: 
<head>
<link rel="stylesheet" href="style.css" type="text/css">


 

</head>
<body>


<div id="seite">
<div id="top"><img src="http://www.html.de/images/header.jpg" width="1000" height="250"></div>

        <div id="Tmenu">
   <ul id="Navigation">
     
       <ul>
         <li><span>Home</span></li>
       </ul>
     </li>
    <li><a href="#Beispiel">Produkte</a>
         <ul>
         <li><a href="pages/warenkorb_weine.html">Weine</a></li>
         <li><a href="pages/warenkorb_fass.html">F&auml;sser</a></li>
    </ul>
     <li><a href="#Beispiel">Unternehmen</a>
         <ul>
         <li><a href="#Beispiel">Bildergalerie</a></li>
         <li><a href="pages/fassbinderei.html">Fassbinderei</a></li>
         <li><a href="pages/schnitzerei.html">Schnitzerei</a></li>
         <li><a href="pages/weinbau.html">Weinbau</a></li>
         <li><a href="pages/edelstahltank.html">Edelstahltank</a></li>
         </ul></li>
         
             <li><a href="pages/anreise.htm">Anreise</a></li>
            <li><a href="pages/kontakt.htm">Kontakt</a></li>
            <li><a href="#Beispiel">Warenkorb</a></li>
         
     
   </ul>
   <div></div>
 </div>
 
    
<div id="inhalt">            
            
<img src="http://www.html.de/images/logo_1.png" width="500" height="500">
<p><p></div>
</div>

</body>

und das hier is der Code für die Navi
[css]
div#Tmenu {
width: 1000px;

padding-top:6px;
padding-right: 100px;
}



ul#Navigation {
margin: 0.1em;
text-align: center;


}

ul#Navigation li {
list-style: none;
float:left;
position: relative;


}

ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 2.9em; left: -0em;
}

ul#Navigation li ul li {
float: none;
display: block;

}

ul#Navigation a, ul#Navigation span {
display: block;
width: 137px;
height: 30px;
font-weight: bold;
border: 1px solid #403e5b;
color: #CDC5BF;
padding-top: 0.5em;
padding-bottom: 0.17em;

text-decoration:none;


}
* html ul#Navigation a, * html ul#Navigation span {
width: 9.2em;
width: 7em;

}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
background-color: #7875A4;
border-left-color: #FFF;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
color: #000;
opacity: 0.5;
}
ul#Navigation li ul a:hover {
border-color: #403e5b;
}
li a#aktuell {
border-right-color: #300; border-bottom-color: #300;
background-color: #900;


}
ul#Navigation li ul span {
border-right-color: #CCC;
border-bottom-color: #CCC;
color: #CCC;

border-top-color: #CCC;
border-left-color: #CCC;
}
ul#Navigation li a:active, ul#Navigation li:hover a:active {
color: #CCC;
background-color: #f00;

}

/* dynamisches Ein-/Ausblenden */
ul#Navigation li ul {
display: none;
}
ul#Navigation li:hover ul {
display: block;
background-color: #676679;
}



[/css]
 
Zuletzt bearbeitet:
makumba schrieb:
Hallo, bin grad am verzweifeln. Meine Navigation wird in allen Browsern richtig angezeigt bis auf den schei?? internet explorer -.-
Zum Vergrößern anklicken....
Das liegt wahrscheinlich an deinem Schei?? HTML Code.

Dann wäre es nett, wenn du dich wenigstens ein bisschen mit den Funktionen des Forums vertraut machst. Formatierungen von Code, ist z.b. eine, die es fast in allen Foren gibt.

Daneben hast du die Möglichkeit deinen Beitrag in einer Vorschau zu prüfen, was du unbedingt machen solltest, weil so wie du es jetzt machst, sind deine Beiträge eher abschreckend und ich finde auch die Formulierung der Frage etwas unbeholfen und nicht unbedingt zielführend. Ein konkrete Frage eine etwas detailreichere Fehlerbeschreibung würde uns zumindest etwas mehr helfen, dir deine Fragen zu beantworten.
 
Sry fur die ausdrucksweise aber wenn ich schon tagelang dran sitze und verzweifle kommt bei mir sowas raus ...
Nochmal zum problem: navi wird in allen Browsernrichtig angezeigt bis auf den internet explirer.. Da is de navi verschoben und die unternavi offnet sich auch nich wenn man mit der maus rüberfahrt.
Wiegesagt nur im I.E.

PS: sry aber ich bin kein html/css profi und es kann sein das der code bissl verwirrend is aber fur mich is es nur wichtig das die navi funkt mehr nich.
 
makumba schrieb:
Sry fur die ausdrucksweise aber wenn ich schon tagelang dran sitze und verzweifle kommt bei mir sowas raus ...
Zum Vergrößern anklicken....

Dann die Frage, die ich jedem stelle, der hier mit einer eigenen Dropdown-Variante aufschlägt: Warum nicht einfach eine fertige, getestete nutzen?

Ich werde nie verstehen, wie man lieber Tage damit verbringt, an der Neuerfindung des Rads zu basteln.

Meine Motivation, mich inhaltlich mit solchen Fragestellungen zu befassen, ist jedenfalls ganz extrem gering, weil es sich so sinnlos anfühlt.

navi wird in allen Browsernrichtig angezeigt bis auf den internet explirer.. Da is de navi verschoben und die unternavi offnet sich auch nich wenn man mit der maus rüberfahrt.
Zum Vergrößern anklicken....

Siehe dazu erst mal mein erster Post.
 
Zuletzt bearbeitet:
fertige lösungen für drop down navis wenn du da nichts findest dann weiss ich auch nicht.
Ausserdem würde ich wenn ich dich wäre grad mal n paar die dir gefallen runterladen und
mit einem für dich aussagekräftigen titel speichern, somit sparst du zeit bei weiteren Pro-
jekten.

MFG devilseye
 
Bei manchen Beispielen sind die Dateien im Erklärungstext verlinkt, aber ich glaube, häufig musst du es dir einfach aus dem Seitenquelltext holen.

Wenn du uns das gewünschte Beispiel verlinkst, hilft dir dabei aber sicherlich jemand, falls du es nicht hinbekommst.
 
- rechtsklick auf dem objekt
- quelltext anzeigen
- ctrl+A
- ctrl+C
- in eine html datei einfügen

keine Ahnung was daran so schwierig ist.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben