Webdesign in Siegen

Navigation unter IE

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

Navigation unter IE

Beitragvon Summernoon am 27.11.2007, 22:01

Habe hier aus dem Forum einmal ein Beispiel von CSSPlay bekommen. Es war dieses:
http://www.cssplay.co.uk/menus/dd_valid.html

Nur ich habe das Problem das es irgendwie nicht unter meinem IE läuft ! Der Drop-Down Effekt funktioniert nicht!

aber der hover Effekt!
Dieser Code wundert mich sehr:
Code: Alles auswählen
   <!--[if lte IE 6]>
   </td></tr></table>
    </a>
    <![endif]-->

Wozu dient dieses ? Muss man dort nich noch mehr schreiben?
mfg
Summernoon
Summernoon
Mitglied
 
Beiträge: 157
Registriert: 06.11.2007

Re: Navigation unter IE

Beitragvon AlphaWolf1941 am 27.11.2007, 23:25

Hmm ... wie wäre es wenn du dir mal HTML Grundkenntnisse aneignen würdest :) ??? Mal so als Vorschlag zur Güte :wink: !!!

Bei dem Code den du gepostet hast kann ja auch garnichts funktionieren ... das sind Schluss-Tags, die ein geöffnetes HTML Tag schliessen.

In dem Fall:

<td></td> ist ein Tabellen-Spalten Tag
<tr></tr> ist ein Tabellen-Zeilen Tag
<table></table> ist ein Tabellen Tag
<a href="http://***"></a> ist ein Link Tag
"Es ist gelogen, daß Videogames Kids beeinflussen.
Hätte Pac Man das getan, würden wir heut durch dunkle Räume irren, Pillen fressen und elektronische Musik hören!"


K. Wilson, Nintendo Inc 1989
Benutzeravatar
AlphaWolf1941
Mitglied
 
Beiträge: 113
Registriert: 10.07.2006
Wohnort: Mülheim a.d. Ruhr

Re: Navigation unter IE

Beitragvon Ingo am 27.11.2007, 23:35

Hi. Sieht interessant aus, aber auch ein bisschen tricky ;o) (Achtung: lang)

Die 'conditional comments' <!--[if lte IE 6]> ... tauchen immer paarweise auf und
umschließen jeweils ein Teilmenü, also zum Beispiel:

Code: Alles auswählen
<!--[if lte IE 6]>
<a href="../layouts/index.html">LAYOUTS
<table><tr><td>
<![endif]-->

   <ul>
   <li><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></li>
   <li><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></li>
   <li><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></li>
   <li><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></li>

   <li><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width</a></li>
   </ul>

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->

Der erste comment öffnet eine Tabelle, dann kommt das Untermenü, dann schließt
der zweite comment die Tabelle wieder.
Ofenbar braucht der IE bis Version 6 (lte = less than or equal = kleiner oder gleich)
eine Tabellen-Verpackung um die <ul>-Listen. Andere Browser kommen ohne aus.

Ich hab den Code mal von der Seite kopiert, und zwar nur das div mit class="menu",
ohne Werbung ;) und in ein XHTML-Dok (mit DocType) eingebaut und dazu noch die
beiden css-Dateien eingebunden (Pfad anpassen):

Code: Alles auswählen
<!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>
  <title></title>
  <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
  <meta http-equiv="Content-Style-Type" content="text/css" />

  <link rel="stylesheet" media="all" type="text/css" href="dropdown.css" />
  <!--[if lte IE 6]>
    <link rel="stylesheet" media="all" type="text/css" href="dropdown_ie.css" />
  <![endif]-->

</head>
<body>

  <div class="menu"> ................... </div> <!-- end of menu -->

</body>
</html>

Bei mir (IE6 und andere Browser) läuft's damit, wie es soll. Vllt. hast du beim
Nachbau irgendein Detail übersehen - bei dem Code gut möglich :)
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 578
Registriert: 01.04.2007
Wohnort: Neuss/NRW


Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast