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

IE8 - teilweise falsch

L

luna79

Neues Mitglied
Hallo Leute!

Ich stehe vor einem Rätsel und hoffe Ihr könnt mir helfen. Ich habe eine Seite mit HTML + CSS geschrieben. Bei mir funkt sie auf allen Browsern einwandfrei. Bis IE6. Bei IE5.5 steht sie plötzlich statt mittig links. Das ist mir aber egal.

Es handelt sich um ein 2-spaltiges Layout mit entgegengesetzten Floats
Navi floatet nach links, Text floatet nach rechts.

Ein Bekannter hat die Page bei sich daheim durchgesehen. Er verwendet IE8. Bei mir ist mit IE8 alles bestens - bei ihm steht die Seite plötzlich links. :-(

Vielleicht hat jemand eine spontane Eingebung was da los sein kann.

Vielen Dank schon mal.
 
Sorry!! :oops: Hier die HTML

HTML: 
<!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" lang="de" xml:lang="de">


<!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                                      KOPFBEREICH /HEAD
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->

  <head>
  
    <link href="bildschirm.css" rel="stylesheet" type="text/css" media="screen" /> <!-- Link zu externer Bildschirm Style Datei -->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    
    <title>RECENT RACING CLUB RRC 13 - Automobilsportclub RRC 13 Wien</title>
    
    
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="keywords" content="RRC13,RRC,RRC 13,Recent Racing,Recent Racing Club,Autoclub,Automobilsportclub,
            Automobilsportclub Wien,Motorsport,Motorsportclub,Rallycross,Rallyecross,Rally,Rallye" />
    <meta name="description" content="RRC 13 - Autobmobilsportclub RRC 13 Wien - RECENT RACING CLUB" />
    <meta name="Content-Language" content="de" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />    
    <meta http-equiv="Expires" content="0" />    
    <meta name="author" content="RRC13 />
    <meta name="robots" content="index, follow" />
    <meta name="revisit-after" content="14 days" />
    <meta name="DC.creator" content="RRC13" />
    <meta name="DC.subject" content="RRC13,RRC,RRC 13,Recent Racing,Recent Racing Club,Autoclub,Automobilsportclub,
            Automobilsportclub Wien,Motorsport,Motorsportclub,Rallycross,Rallyecross,Rally,Rallye" />
    <meta name="DC.publisher" content="Katja Noschiel" />
    <meta name="DC.language" content="de" scheme="DCTERMS.RFC3066" />
    <meta name="DC.relation" content="http://dublincore.org/" scheme="DCTERMS.URI" />
    <meta name="DC.rights" content="Alle Rechte liegen beim Recent Racing Club" />  

  </head><!-- Ende Head -->  
  

  <body id="home">
 <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                                      BEGINN BODY
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->    
  

<div id="wrapper">
<!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                                      BEGINN WRAPPER
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->  


<div id="kopfbereich">
<!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                                      BEGINN HEADER - KOPFBEREICH
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->   
 
  <img src="head.jpg" alt="RRC 13 - RECENT RACING CLUB" width="900" height="220" />
 
 <div id="topnavi">
 <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                                      BEGINN  TOP - NAVIGATION / KONTAKT - IMPRESSUM
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->   
  <ul>
    <li>Tel.: +43/(0)1/ 894 20 40</li>
    <li>Penzingerstraße 69/10,  1140 Wien</li>
    <li><a href="mailto:[email protected]">[email protected]</a></li>
    <li><a href="kontakt.html" title="Zu Kontakt und Impressum">KONTAKT / IMPRESSUM</a></li>  
  </ul>
  
</div><!-- Ende Top-Navigation--> 
 
  
  
</div><!-- Ende Header - Kopfbereich --> 


    
  <div id="navibereich">
 <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                                      BEGINN NAVIGATION
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->   
  <ul>
    <li id="navi01"><span>HOME</span></li>
    <li id="navi02"><a href="club.html">CLUB</a></li>        
    <li id="navi03"><a href="rallycross.html">RALLYCROSS</a></li>
    <li id="navi04"><a href="slalom.html">SLALOM</a></li>  
    <li id="navi05"><a href="termine.html">MOTORSPORT-<br />TERMINE</a></li>
    <li id="navi06">
    <a href="http://10070.my-gaestebuch.de" target="_blank">G&Auml;STEBUCH</a></li>  
    <li id="navi07"><a href="http://www.rallycrossforum.at/index.php" target="_blank">RALLYCROSS<br />FORUM</a></li> 
    <li id="navi08"><a href="http://www.1000minutenklassik.at/" target="_blank">1000 MINUTEN<br />KLASSIK</a></li>      
    <li id="navi09"><a href="links.html" title="Zu Freunden und Partnern">LINKS</a></li>     
  </ul>
  
  </div><!-- Ende Navigation-->
  
  
  
  
  

  
  <div id="textbereich">
 <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                                      BEGINN TEXTBEREICH - HAUPTTEIL
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->   
    
  
   
  
  <h2>Hier gibt´s eine neue Seite</h2>
  <h3>Das ist eine etwas kleinere &Uuml;berschrift</h3>  
  <p>
      Beispieltext.Beispieltext.<br />
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
      dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
      clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br />
      <a href="mailto:[email protected]">[email protected]</a>
  </p>
  
  <h2>Hier gibt´s andere Neuigkeiten</h2>
  <h3>Das ist eine etwas kleinere &Uuml;berschrift</h3>  
  <p>
      Beispieltext.Beispieltext.<br />
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
      dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
      clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  </p>
  
  <h3>Das ist eine etwas kleinere &Uuml;berschrift</h3>  
  <p>
      Beispieltext.Beispieltext.<br />
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
      dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
      clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  </p>
  
  <h3>Das ist eine etwas kleinere &Uuml;berschrift</h3>  
  <p>
      Beispieltext.Beispieltext.<br />
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
      dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
      clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  </p>
  
  <h3>Das ist eine etwas kleinere &Uuml;berschrift</h3>  
  <p>
      Beispieltext.Beispieltext.<br />
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
      dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet 
      clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  </p>
  
 
  </div><!-- Ende Textbereich -->  
<div style="clear:both"></div>

 </div><!-- Ende Wrapper --> 
  </body><!-- Ende Body --> 
  </html>
 
hier die CSS

Code: 
/*  ==============================================================================
            1. KALIBRIERUNG
    =============================================================================== */

    * { padding: 0; margin: 0; }  

    h1, h2, h3, h4, p { margin-top: 1em; }  

    ul { margin: 10px 0; } 
    
    ol { margin: 10px 0; }

    li { margin-left: 2em; margin-bottom: 0.5em; }


/*  ==============================================================================
            2. ALLGEMEINE STYLES
    =============================================================================== */

  html { height: 101%; } /* damit bei Firefox Bildlaufleiste auch immer erhalten bleibt - sonst springt/zuckelt Bild bei kurzen Seiten */
  
  
  body {
      background-color: #808080;
      color: #000; 
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: small;    
  }

  
  h1 { font-size: 160%; } /* Prozentangabe bezieht sich auf oben im body gespeicherte Standardeinstellung */
  h2 { font-size: 140%; }
  h3 { font-size: 110%; }
  h4 { font-size: 100%; font-weight: normal; }
  
  
/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxx     HYPERLINKS         xxxx */

  a {
      text-decoration: none; /* entfernt alle Unterstreichungen bei Hyperlinks */
      outline: none; /* outline: wird nicht von allen Browsern interpretiert --> Umpunktung bei aktivem Link ausschalten */
  }
  
  a img { border: 0; }

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx     
   xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx   PSEUDOKLASSEN   x */
   

  a:link { color: #E13131; }  /* Rot aus logo */
  a:visited { color: #3663a4; }  /* hellblau aus logo*/
  a:hover, a:focus { color: white; background-color: #E13131;  } 
  a:active {        
      background-color: white;
      color: black;
      font-size: 105%;
      font-weight: bold;
  }


/*  ==============================================================================
            3. STYLES FUER LAYOUTBEREICHE
    =============================================================================== */

   #wrapper {
      background-color: #dcdcdc; 
      color: black;
      width: 900px; 
      margin: 30px auto; 
  }
    
   #kopfbereich { 
      background-color: #dcdcdc;  
      color: black;     
  }
    
         #kopfbereich #topnavi {
            text-align: right;
            background-color: #003366; /* dunkelblau*/
            color: white;            
            padding: 5px 20px 5px 10px;
            margin-top: 10px;
        }
  
  
                      #kopfbereich #topnavi li {
                          display: inline;
                          list-style-type: none;
                          margin-right: 20px;
                      }
                      
                      
                      #kopfbereich #topnavi a {
                          color: white;          
                      }
          
            
  

  #navibereich {
          float: left;
          width: 160px;  
          background-color: #dcdcdc;  
          font-weight: bold;                 
          padding-left: 20px;
          padding-top: 20px;
  }
          
          #navibereich ul {  
                  width: 11em;
                  border-top: 2px solid #808080; /* grau */         
          }
          
          #navibereich li {
                  list-style-type: none;
                  border-left: 1px solid #808080; /* grau */  
                  border-bottom: 2px solid #808080; /* grau */  
                  margin: 0;   
          }
          
          #navibereich a,        
          #navibereich span {
                  display: block; 
                  text-decoration: none;
                  background-color: white;
                  color: #003366; /*dunkelblau*/
                  padding: 4px;
                  border-left: 3px solid #003366; /*dunkelblau*/       
          }
          
          #navibereich a:hover,
          #navibereich a:focus {
                  background-color: #003366; /*dunkelblau*/
                  color: white;
                  border-left-color: #e13131; /*rot*/
                  border-bottom: none;                           
          }
                    
          #startseite #navi01 span,
          #navi02 #navi02 span,                                    
          #namederseite #navi03 span, 
          #namederseite #navi04 span,
          #namederseite #navi05 span, 
          #gaestebuch #navi06 span,          
          #links #navi07 span,
          #impressum #navi08 span                 
          {  
                  background-color: #003366; /*dunkelblau*/
                  color: white;
                  border-left-color: #e13131; /*rot*/
                  border-bottom: none;                    
          }
       
          

  /*  Korrektur fuer den IE 6 */
  
  * html #textbereich { width: 674px; }  
  
  #textbereich {
      float: right;  /* Float fuer Layout mit entgegengesetztem Float */
      width: 680px; 
      background-color: #dcdcdc;  
      color: #003366; /*dunkelblau*/  
      padding: 0 20px 20px 20px;  
      margin-top: 10px;     
  }

               
            #textbereich ul li { list-style-type: square; }  /* => betrifft nur Listenelemente in ul´s im Textberich */
  
  
/*  ==============================================================================
            4. SONSTIGE STYLES
    =============================================================================== */

  
   
    .clearing {
       clear: both;
 
Hi,

poste doch mal den Link zu deiner Seite.

Und frag mal deinen Bekannten, ob er irgendwelche extra-Einstellungen im Browser gemacht hat.

Gruß
Toast
 
Hi!

Leider hab ich noch keine Zugangsdaten - daher kann ich die Seite nicht online stellen.

Ganz grundsätzlich: wenns bei mir mit IE8 funkt, dann sollte man doch davon ausgehen, dass das bei allen IE8 passt, oder?

Ich bin nur verunsichert, weil er bei sich daheim UND in seinem Büro die Seite links stehen hat. :sad:

Ich bin total planlos!?!? Diese Seite habe ich auch geschrieben: http://www.motorsportmesse.at
Der Grundaufbau ist eigentlich der gleiche ... da passt es bei ihm auch. Ich hab aber schon 100 mal verglichen ... ich komm ned drauf.
 
Bei mir ist die Seite im IE 8 wunderbar in der Mitte.

Vielleicht hat dein Bekannter ja irgendwelche Sondereinstellungen.

Am besten wäre, wenn du die Seite mal testweise irgendwo hochlädst und durch browsershots.org oder ähnliches jagst.
Das ist relativ zuverlässig.

Falls du keine Server hast, kann ich den Code, den du gepostest hast auch bei mir kurz hochladen, fehlen dann halt nur die Bilder.

Mir ist im Code noch ein kleiner Fehler aufgefallen:

div#topnavi und div#navibereich sind beide überflüssig.
1. ist ul schon ein Blockelement und
2. sind divs zum Gruppieren von Elementen.

Einfach in ul#topnavi und ul#navibereich ändern, dann passts.

Gruß
Toast
 
Vielen Dank für Deine Hilfe!!
Die divs sind aber nur überflüssig, oder?? Im Ergebnis kommt dasselbe raus, oder??

Ich hab jetzt so ne Art Unternavigation eingebaut ... jetzt funkt die Topnavi nicht mehr ... dürft ich Dich da nochmal um Deine Hilfe bitten?? Liegt das an den zusätzlichen uls??

<ul>
<li id="navi01"><a href="index.html">STARTSEITE</a></li>
<li id="navi02"><span>CLUB</span></li>
<ul>
<li id="navi0201"><a href="events.html">CLUBABENDE<br />&amp; EVENTS</a></li>
<li id="navi0202"><a href="vorstand.html">VORSTAND</a></li>
<li id="navi0203"><a href="mitglied.html">MITGLIED<br />WERDEN</a></li>
<li id="navi0204"><a href="meisterschaft.html">CLUB-<br />MEISTERSCHAFT</a></li>
<li id="navi0205"><a href="geschichte.html">CLUBGESCHICHTE</a></li>
</ul>
<ul>
<li id="navi03"><a href="rallycross.html">RALLYCROSS</a></li>
<li id="navi04"><a href="slalom.html">SLALOM</a></li>
<li id="navi05"><a href="termine.html">MOTORSPORT-<br />TERMINE</a></li>
<li id="navi06"><a href="http://10070.my-gaestebuch.de" target="_blank">G&Auml;STEBUCH</a></li>
<li id="navi07"><a href="http://www.rallycrossforum.at/index.php" target="_blank">RALLYCROSS<br />FORUM</a></li>
<li id="navi08"><a href="http://www.1000minutenklassik.at/" target="_blank">1000 MINUTEN<br />KLASSIK</a></li>
<li id="navi09"><a href="links.html">LINKS</a></li>
</ul>
 
Du schließt eine <ul> zu wenig.

Richtig wäre es so:

HTML: 
<ul>
     <li id="navi01"><a href="index.html">STARTSEITE</a></li>
     <li id="navi02"><span>CLUB</span></li>
</ul>
            <ul>
                <li id="navi0201"><a href="events.html">CLUBABENDE<br />&amp; EVENTS</a></li>
                <li id="navi0202"><a href="vorstand.html">VORSTAND</a></li>
                <li id="navi0203"><a href="mitglied.html">MITGLIED<br />WERDEN</a></li>
                <li id="navi0204"><a href="meisterschaft.html">CLUB-<br />MEISTERSCHAFT</a></li>
                <li id="navi0205"><a href="geschichte.html">CLUBGESCHICHTE</a></li>
           </ul> 
   <ul>      
    <li id="navi03"><a href="rallycross.html">RALLYCROSS</a></li>            
    <li id="navi04"><a href="slalom.html">SLALOM</a></li>  
    <li id="navi05"><a href="termine.html">MOTORSPORT-<br />TERMINE</a></li>
<li id="navi06"><a href="http://10070.my-gaestebuch.de" target="_blank">G&Auml;STEBUCH</a></li> 
<li id="navi07"><a href="http://www.rallycrossforum.at/index.php" target="_blank">RALLYCROSS<br />FORUM</a></li> 
<li id="navi08"><a href="http://www.1000minutenklassik.at/" target="_blank">1000 MINUTEN<br />KLASSIK</a></li> 
    <li id="navi09"><a href="links.html">LINKS</a></li> 
   </ul>
 
Schau, ob du alles richtig verlinkt hast, oder z.B. mal statt .html .htm hast oder anders herum.

Werden die Links nciht angezeigt oder kommt einfach eine Fehlermeldung, wenn ja welche?

Gruß
Toast
 
Nein, nein. Da passt alles. Auch der mailto funkt nimma ... ursprünglich hat die Topnavi einwandfrei funktioniert.... bin grad draufgekommen, dass ich noch Zugangsdaten zu einer URL hab:

http://www.goschi.at

Falls mir jemand mit meinem Problem aus der Patsche helfen kann, spendiere ich gerne € 5,- (per PayPal) als kleines Dankeschön. Ich studiere und verdien mir mit der Seite ein kleines Taschengeld ... da geb ich natürlich gern was davon ab. :)
 
Zuletzt bearbeitet von einem Moderator:
Hallo Luna,
hallo Toastbrot,

das soll doch eine verschachtelte Navigation werden, dann ist das eher so korrekt:

Code: 
<ul>
      <li id="navi01"><a href="index.html">STARTSEITE</a></li>
      <li id="navi02"><span>CLUB</span>
             <ul>
                 <li id="navi0201"><a href="events.html">CLUBABENDE<br />&amp; EVENTS</a></li>
                 <li id="navi0202"><a href="vorstand.html">VORSTAND</a></li>
                 <li id="navi0203"><a href="mitglied.html">MITGLIED<br />WERDEN</a></li>
                 <li id="navi0204"><a href="meisterschaft.html">CLUB-<br />MEISTERSCHAFT</a></li>
                 <li id="navi0205"><a href="geschichte.html">CLUBGESCHICHTE</a></li>
            </ul></li>   
     <li id="navi03"><a href="rallycross.html">RALLYCROSS</a></li>            
     <li id="navi04"><a href="slalom.html">SLALOM</a></li>  
     <li id="navi05"><a href="termine.html">MOTORSPORT-<br />TERMINE</a></li>
     <li id="navi06"><a href="http://10070.my-gaestebuch.de" target="_blank">G&Auml;STEBUCH</a></li> 
     <li id="navi07"><a href="http://www.rallycrossforum.at/index.php" target="_blank">RALLYCROSS<br />FORUM</a></li> 
     <li id="navi08"><a href="http://www.1000minutenklassik.at/" target="_blank">1000 MINUTEN<br />KLASSIK</a></li> 
     <li id="navi09"><a href="links.html">LINKS</a></li> 
</ul>

Grüße
Bernhard
 
Bernhard schrieb:
Hallo Luna,
hallo Toastbrot,

das soll doch eine verschachtelte Navigation werden, dann ist das eher so korrekt:

Code: 
<ul>
      <li id="navi01"><a href="index.html">STARTSEITE</a></li>
      <li id="navi02"><span>CLUB</span>
             <ul>
                 <li id="navi0201"><a href="events.html">CLUBABENDE<br />&amp; EVENTS</a></li>
                 <li id="navi0202"><a href="vorstand.html">VORSTAND</a></li>
                 <li id="navi0203"><a href="mitglied.html">MITGLIED<br />WERDEN</a></li>
                 <li id="navi0204"><a href="meisterschaft.html">CLUB-<br />MEISTERSCHAFT</a></li>
                 <li id="navi0205"><a href="geschichte.html">CLUBGESCHICHTE</a></li>
            </ul></li>   
     <li id="navi03"><a href="rallycross.html">RALLYCROSS</a></li>            
     <li id="navi04"><a href="slalom.html">SLALOM</a></li>  
     <li id="navi05"><a href="termine.html">MOTORSPORT-<br />TERMINE</a></li>
     <li id="navi06"><a href="http://10070.my-gaestebuch.de" target="_blank">G&Auml;STEBUCH</a></li> 
     <li id="navi07"><a href="http://www.rallycrossforum.at/index.php" target="_blank">RALLYCROSS<br />FORUM</a></li> 
     <li id="navi08"><a href="http://www.1000minutenklassik.at/" target="_blank">1000 MINUTEN<br />KLASSIK</a></li> 
     <li id="navi09"><a href="links.html">LINKS</a></li> 
</ul>
Grüße
Bernhard
Zum Vergrößern anklicken....

Sollte es das? Ich habe gedacht dass es einfach zwei Navigationen werden sollten. Aber du schließt ein li mehr, als du öffnest, richtig wäre so:

HTML: 
<ul>
      <li id="navi01"><a href="index.html">STARTSEITE</a></li>
      <li id="navi02"><span>CLUB</span>
             <li><ul>
                 <li id="navi0201"><a href="events.html">CLUBABENDE<br />&amp; EVENTS</a></li>
                 <li id="navi0202"><a href="vorstand.html">VORSTAND</a></li>
                 <li id="navi0203"><a href="mitglied.html">MITGLIED<br />WERDEN</a></li>
                 <li id="navi0204"><a href="meisterschaft.html">CLUB-<br />MEISTERSCHAFT</a></li>
                 <li id="navi0205"><a href="geschichte.html">CLUBGESCHICHTE</a></li>
            </ul></li>   
     <li id="navi03"><a href="rallycross.html">RALLYCROSS</a></li>            
     <li id="navi04"><a href="slalom.html">SLALOM</a></li>  
     <li id="navi05"><a href="termine.html">MOTORSPORT-<br />TERMINE</a></li>
     <li id="navi06"><a href="http://10070.my-gaestebuch.de" target="_blank">G&Auml;STEBUCH</a></li> 
     <li id="navi07"><a href="http://www.rallycrossforum.at/index.php" target="_blank">RALLYCROSS<br />FORUM</a></li> 
     <li id="navi08"><a href="http://www.1000minutenklassik.at/" target="_blank">1000 MINUTEN<br />KLASSIK</a></li> 
     <li id="navi09"><a href="links.html">LINKS</a></li> 
</ul>

Gruß
Toast
 
Hallo Toastbrot,

nein, schau's Dir nochmal genau an...

Zur Vereinfachung mal eine verschachtelte Liste ohne unnötigen Ballast.
Meine Version:
Code: 
<ul>
      <li></li>
      [B]<li>[/B]
             <ul>
                 <li></li>
                 <li></li>
            </ul>[B]</li>[/B]   
     <li></li>            
</ul>

Deine Version:
Code: 
<ul>
       <li></li>
       <li>
              <li><ul>
                  <li></li>
                  <li></li>
             </ul></li>   
      <li></li>            
</ul>

Die Liste muss innerhalb von <li id="navi02"> stehen, daher wird dieses erst
nach der Liste geschlossen...

Grüße
Bernhard

Toastbrot schrieb:
Sollte es das? Ich habe gedacht dass es einfach zwei Navigationen werden sollten. Aber du schließt ein li mehr, als du öffnest, richtig wäre so:

HTML: 
<ul>
      <li id="navi01"><a href="index.html">STARTSEITE</a></li>
      <li id="navi02"><span>CLUB</span>
             <li><ul>
                 <li id="navi0201"><a href="events.html">CLUBABENDE<br />&amp; EVENTS</a></li>
                 <li id="navi0202"><a href="vorstand.html">VORSTAND</a></li>
                 <li id="navi0203"><a href="mitglied.html">MITGLIED<br />WERDEN</a></li>
                 <li id="navi0204"><a href="meisterschaft.html">CLUB-<br />MEISTERSCHAFT</a></li>
                 <li id="navi0205"><a href="geschichte.html">CLUBGESCHICHTE</a></li>
            </ul></li>   
     <li id="navi03"><a href="rallycross.html">RALLYCROSS</a></li>            
     <li id="navi04"><a href="slalom.html">SLALOM</a></li>  
     <li id="navi05"><a href="termine.html">MOTORSPORT-<br />TERMINE</a></li>
     <li id="navi06"><a href="http://10070.my-gaestebuch.de" target="_blank">G&Auml;STEBUCH</a></li> 
     <li id="navi07"><a href="http://www.rallycrossforum.at/index.php" target="_blank">RALLYCROSS<br />FORUM</a></li> 
     <li id="navi08"><a href="http://www.1000minutenklassik.at/" target="_blank">1000 MINUTEN<br />KLASSIK</a></li> 
     <li id="navi09"><a href="links.html">LINKS</a></li> 
</ul>
Gruß
Toast
Zum Vergrößern anklicken....
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben