Probleme von Nick, 24.07.2008 11:58

Probleme

Nick 24.07.2008 11:24

Hi!
Ich weiß, dass es hier so ziemlich oft Diskussionen zum IE gab, aber ich hoffe es wird mir trotzdem jemand helfen...

Mein Navigationsystem sieht bei Mozilla prima aus, aber bei IE werden die "Button" des Navis unterschiedlich lang. Wie kann ich das beheben?

Und ja, es sind sicher noch andere Fehler im html, aber dass werde ich später beheben.

Danke an alle!

!!!!Code!!!!

</head>
<body>
<div id="h1">

<h1>Alles was du wissen musst!</h1>
<div id="menu">
<ul>
     <li><a href="information.htm" title="Allgemeine Informationen über die Bücherei"><big>Information</big></a></li>
     <li><a href="Anmeldung_index.html" title="Wie funktioniert das Ausleihen"><big>Anmeldung</big></a></li>
     <li><a href="fuehrung.htm" title="Was bietet die Bibliothek für Kinder?"><big>Führung</big></a></li>

<li><a href="lesefoerderung.htm" title="Informationen zur Leseförderung"><big>Leseförderung</big></a></li>
     <li><a href="katalog.htm" title="Hier finden Sie unseren Bestand, an Büchern, CD´s, DVD´s und vieles mehr."><big>Katalog</big></a></li>
     <li><a href="surfen.htm" title="Spiel und Spaß im Internet"><big>Surfen</big></a></li>
     <li><a href="monatsraetsel.htm" title="Monatsrätsel"><big>Monatsrätsel</big></a></li>
<li><a href="buchtipp.htm" title="Der monatliche Buchtipp"><big>Buchtipp</big></a></li>
     <li><a href="impressum.htm" title="Rechtliche Aspekte"><big>Impressum</big></a></li>

</ul>
</div>
<table border cellspaching=0 cellpadding=5>
<caption align=bottom>
Alles was du wissen musst!</caption>

<td width="20%" align="center"><a href="Ausleihe.html">
<img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
alt="Wie kann ich mir etwas ausleihen"><br>
Wie kann ich mir etwas ausleihen?</a></td>

<td width="20%" align="center"><a href="Medien.html">
<img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
alt="Was kann ich mir ausleihen?"><br>
Was kann ich mir ausleihen?</a></td>
<td width="20%" bgcolor="burlywood"></td></tr>

<tr>
<td width="20%"align="center"><a href="Leihfrist.html">
<img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
alt="Wie lange darf ich die ausgeliehenen Medien behalten?"><br>
Wie lange darf ich die ausgeliehenen Medien behalten?</a></td>

<td width="20%" align="center"><a href="Verlaengerung.html">
<img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
alt="Kann ich die Leihfrist verlängern?"><br>
Kann ich die Leihfrist verlängern?</a></td>

<td width="20%" align="center"><a href="Kosten.html">
<img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
alt="Kostet die Bücherei Geld?"><br>
Kostet die Bücherei Geld?</a></td>
</tr>

<td width="20%" align="center"><a href="Beschaedigung.html">
<img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
alt="Beschädigung/Verlust"><br>
Was passiert, wenn ich ein Medium verliere oder beschädige?</a></td>

<td width="20%" align="center"><a href="Ausweisverlust.html">
<img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
alt="Mein Büchereiausweis ist weg"><br>
Mein Büchereiausweis ist weg ...</a></td>

</table>
</body>
</html>

und hier noch das CSS!!!!!!!!!!!!!!!!!

body {
    background-color: ivory;
  }
#menu {
   width: 13em;
   float: left;
  }
#menu a {
  display:block;
  width:120px;
  margin: 1em 0; padding:7px 0 10px 20px;
  font: bold 14px/1 sans-serif;
  color:#c60;
  background: url("button.gif") 0 0 no-repeat;
  text-decoration: none;
  }
#menu a:hover {
  background-position: -157px 0;
  color: #E9BE75;
  }
#menu a:active {
  background-position: -314px 0;
  color:white;
  }

#h1 {
margin:0px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
}

#content {
margin-left: 13em;

}
  ul {
      margin: 0;
   padding: 0.8em;
   }

* html ul {  /* Korrekturen fuer IE 5.x */
      width: 6.9em;
      w\idth: 8em;
      padding-left: 0;
      padd\ing-left: 0.8em;
    }
ul li {
      list-style: none;
      margin: 0.6em; padding: 0;
    }

--------------------------------------------------------------------------------------------------------------------------------------------------------

Beitrag melden

– Informationen zu den Bewertungsregeln

Probleme
suit Homepage des Autors 24.07.2008 11:28

css
– Informationen zu den Bewertungsregeln
Mein Navigationsystem sieht bei Mozilla prima aus, aber bei IE werden die "Button" des Navis unterschiedlich lang. Wie kann ich das beheben?

in erstere linie durch fehlerfreien code

Und ja, es sind sicher noch andere Fehler im html, aber dass werde ich später beheben.

bevor du css-probleme zielführend lösen kannst, brauchst du fehlerfreien quellcode - dein beispiel bringt den internet explorer zum weinen

im übrigen kannst du dir dann mit hoher wahrscheinlichkeit auch den backslash-hack sparen
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. Probleme
  
  Nick 24.07.2008 11:58
  
  css
  – Informationen zu den Bewertungsregeln
  Kannst du mir eine Seite im Internet nennen, mit der man nach Fehlern im Quellcode suchen kann?
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum
  1. Probleme
    
    suit Homepage des Autors 24.07.2008 12:53
    
    css
    
    – Informationen zu den Bewertungsregeln
    Kannst du mir eine Seite im Internet nennen, mit der man nach Fehlern im Quellcode suchen kann?
    
    http://validator.w3.org/
    Beitrag melden
    
    –
    Informationen zu den Bewertungsregeln
    
    Übersicht
    
    alle Foren
    
    SELFHTML-Forum
    
    anmelden
    
    Benutzerkonto erstellen
    
    Beitrag im Thread-Baum
2. Probleme
  
  Nick 24.07.2008 12:17
  
  css
  – Informationen zu den Bewertungsregeln
  So, ich habe den Quelltext jetzt mit "Validator" geprüft und verbessert, er sollte nun also korrekt sein, jedoch löst dies nicht mein Problem mit dem Navi.
  
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  
  <HTML lang="de">
  <head>
  <title> </title>
  
  <link rel=stylesheet type="text/css"
  href="css.css" title="Navi">
  
  </head>
  <body>
  <div id="h1">
  
  <h1>Alles was du wissen musst!</h1>
  <div id="menu">
  <ul>
       <li><a href="information.htm" title="Allgemeine Informationen über die Bücherei"><big>Information</big></a></li>
       <li><a href="Anmeldung_index.html" title="Wie funktioniert das Ausleihen"><big>Anmeldung</big></a></li>
       <li><a href="fuehrung.htm" title="Was bietet die Bibliothek für Kinder?"><big>Führung</big></a></li>
  
  <li><a href="lesefoerderung.htm" title="Informationen zur Leseförderung"><big>Leseförderung</big></a></li>
       <li><a href="katalog.htm" title="Hier finden Sie unseren Bestand, an Büchern, CD´s, DVD´s und vieles mehr."><big>Katalog</big></a></li>
       <li><a href="surfen.htm" title="Spiel und Spaß im Internet"><big>Surfen</big></a></li>
       <li><a href="monatsraetsel.htm" title="Monatsrätsel"><big>Monatsrätsel</big></a></li>
  <li><a href="buchtipp.htm" title="Der monatliche Buchtipp"><big>Buchtipp</big></a></li>
       <li><a href="impressum.htm" title="Rechtliche Aspekte"><big>Impressum</big></a></li>
  
  </ul>
  </div>
  <div id="content">
  <table border cellspacing="0" cellpadding="5">
  <caption align=bottom>
  Alles was du wissen musst!</caption>
  
  <tr>
  <td width="20%" bgcolor="bisque"></td>
  
  <td width="20%" align="center"><a href="Ausleihe.html">
  <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
  alt="Wie kann ich mir etwas ausleihen"><br>
  Wie kann ich mir etwas ausleihen?</a></td>
  
  <td width="20%" bgcolor="cornflowerblue"></td>
  
  <td width="20%" align="center"><a href="Medien.html">
  <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
  alt="Was kann ich mir ausleihen?"><br>
  Was kann ich mir ausleihen?</a></td>
  <td width="20%" bgcolor="burlywood"></td></tr>
  
  <tr>
  <td width="20%"align="center"><a href="Leihfrist.html">
  <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
  alt="Wie lange darf ich die ausgeliehenen Medien behalten?"><br>
  Wie lange darf ich die ausgeliehenen Medien behalten?</a></td>
  
  <td width="20%" bgcolor="cornsilk"></td>
  
  <td width="20%" align="center"><a href="Verlaengerung.html">
  <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
  alt="Kann ich die Leihfrist verlängern?"><br>
  Kann ich die Leihfrist verlängern?</a></td>
  
  <td width="20%" bgcolor="#E9E9E9"></td>
  
  <td width="20%" align="center"><a href="Kosten.html">
  <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
  alt="Kostet die Bücherei Geld?"><br>
  Kostet die Bücherei Geld?</a></td>
  </tr>
  
  <tr>
  <td width="20%" bgcolor="darkorchid"></td>
  
  <td width="20%" align="center"><a href="Beschaedigung.html">
  <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
  alt="Beschädigung/Verlust"><br>
  Was passiert, wenn ich ein Medium verliere oder beschädige?</a></td>
  
  <td width="20%" bgcolor="lemonchiffon"></td>
  
  <td width="20%" align="center"><a href="Ausweisverlust.html">
  <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
  alt="Mein Büchereiausweis ist weg"><br>
  Mein Büchereiausweis ist weg ...</a></td>
  
  <td width="20%" bgcolor="dodgerblue"></td>
  </tr>
  
  </table>
  </div>
  
  </body>
  </html>
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum
  1. Probleme
    
    suit Homepage des Autors 24.07.2008 12:53
    
    css
    
    – Informationen zu den Bewertungsregeln
    So, ich habe den Quelltext jetzt mit "Validator" geprüft und verbessert, er sollte nun also korrekt sein, jedoch löst dies nicht mein Problem mit dem Navi.
    
    welchen validator hast du verwendet? der w3-validator befindet den von dir geposteten quelltext als nicht korrekt
    
    Error Line 97, Column 6: end tag for "DIV" omitted, but its declaration does not permit this.
    Beitrag melden
    
    –
    Informationen zu den Bewertungsregeln
    
    Übersicht
    
    alle Foren
    
    SELFHTML-Forum
    
    anmelden
    
    Benutzerkonto erstellen
    
    Beitrag im Thread-Baum
    1. Probleme
      
      Nick 24.07.2008 13:03
      
      css
      
      – Informationen zu den Bewertungsregeln
      
      Sorry, dann habe ich wohl den falschen geschickt... Der ist korrekt, laut deinen geposteten Validator
      
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      
      <html lang="de">
      
      <head>
      <title> </title>
      
      <link rel=stylesheet type="text/css"
      href="css.css">
      
      </head>
      <body>
      <div id="h1">
      
      <h1>Alles was du wissen musst!</h1></div>
      <div id="menu">
      <ul>
           <li><a href="information.htm" title="Allgemeine Informationen über die Bücherei"><big>Information</big></a></li>
           <li><a href="Anmeldung_index.html" title="Wie funktioniert das Ausleihen"><big>Anmeldung</big></a></li>
           <li><a href="fuehrung.htm" title="Was bietet die Bibliothek für Kinder?"><big>Führung</big></a></li>
      
      <li><a href="lesefoerderung.htm" title="Informationen zur Leseförderung"><big>Leseförderung</big></a></li>
           <li><a href="katalog.htm" title="Hier finden Sie unseren Bestand, an Büchern, CD´s, DVD´s und vieles mehr."><big>Katalog</big></a></li>
           <li><a href="surfen.htm" title="Spiel und Spaß im Internet"><big>Surfen</big></a></li>
           <li><a href="monatsraetsel.htm" title="Monatsrätsel"><big>Monatsrätsel</big></a></li>
      <li><a href="buchtipp.htm" title="Der monatliche Buchtipp"><big>Buchtipp</big></a></li>
           <li><a href="impressum.htm" title="Rechtliche Aspekte"><big>Impressum</big></a></li>
      
      </ul>
      </div>
      <div id="content">
      <table border cellspacing="0" cellpadding="5">
      <caption align=bottom>
      Alles was du wissen musst!</caption>
      
      <tr>
      <td width="20%" bgcolor="bisque"></td>
      
      <td width="20%" align="center"><a href="Ausleihe.html">
      <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
      alt="Wie kann ich mir etwas ausleihen"><br>
      Wie kann ich mir etwas ausleihen?</a></td>
      
      <td width="20%" bgcolor="cornflowerblue"></td>
      
      <td width="20%" align="center"><a href="Medien.html">
      <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
      alt="Was kann ich mir ausleihen?"><br>
      Was kann ich mir ausleihen?</a></td>
      <td width="20%" bgcolor="burlywood"></td></tr>
      
      <tr>
      <td width="20%"align="center"><a href="Leihfrist.html">
      <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
      alt="Wie lange darf ich die ausgeliehenen Medien behalten?"><br>
      Wie lange darf ich die ausgeliehenen Medien behalten?</a></td>
      
      <td width="20%" bgcolor="cornsilk"></td>
      
      <td width="20%" align="center"><a href="Verlaengerung.html">
      <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
      alt="Kann ich die Leihfrist verlängern?"><br>
      Kann ich die Leihfrist verlängern?</a></td>
      
      <td width="20%" bgcolor="#E9E9E9"></td>
      
      <td width="20%" align="center"><a href="Kosten.html">
      <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
      alt="Kostet die Bücherei Geld?"><br>
      Kostet die Bücherei Geld?</a></td>
      </tr>
      
      <tr>
      <td width="20%" bgcolor="darkorchid"></td>
      
      <td width="20%" align="center"><a href="Beschaedigung.html">
      <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
      alt="Beschädigung/Verlust"><br>
      Was passiert, wenn ich ein Medium verliere oder beschädige?</a></td>
      
      <td width="20%" bgcolor="lemonchiffon"></td>
      
      <td width="20%" align="center"><a href="Ausweisverlust.html">
      <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
      alt="Mein Büchereiausweis ist weg"><br>
      Mein Büchereiausweis ist weg ...</a></td>
      
      <td width="20%" bgcolor="dodgerblue"></td>
      </tr>
      </table>
      </div>
      </body>
      </html>
      
      Beitrag melden
      
      –
      Informationen zu den Bewertungsregeln
      
      Übersicht
      
      alle Foren
      
      SELFHTML-Forum
      
      anmelden
      
      Benutzerkonto erstellen
      
      Beitrag im Thread-Baum
      1. Probleme
        
        Gunnar Bittersmann Homepage des Autors 24.07.2008 13:19
        
        css
        
        – Informationen zu den Bewertungsregeln
        
        @@Nick:
        
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        
        Du schickst IE 6 in den Quirks-Modus [http://jendryschik.de/wsdev/einfuehrung/css/browserkompatibilitaet]. Ändere dies, bevor du irgendwelche Gedanken an Fehldarstellungen im IE verschwendest.
        
        <li><a href="information.htm" title="Allgemeine Informationen über die Bücherei"><big>Information</big></a></li>
        
        Die ganzen 'big'-Elemente kannst du rausschmeißen. Physisches Markup ist missbilligt; CSS bietet mit dem Selektor für Nachfahren die Möglichkeit, alle diese Dinger auch ohne solch zusätzliches Markup zu formatieren.
        
        Und verwende die richtigen Umlaute im Quelltext:
        „Es ist fast immer besser, eine Zeichencodierung zu benutzen, die es erlaubt, die Zeichen in ihrer normalen Form zu verwenden, anstatt Zeichen-Entity-Referenzen oder numerische Zeichenreferenzen zu verwenden.
        Die Verwendung von Escapes macht den Quelltext schlechter lesbar und schwerer zu pflegen und kann auch die Dateigröße beträchtlich erhöhen.“ [QA-ESCAPES]
        
        <table border cellspacing="0" cellpadding="5">
        
        Auch hier: raus mit den Attributen; Darstellungsangaben mit CSS.
        
        <td width="20%" bgcolor="bisque"></td>
        
        Dito. Spalten vordefinieren.
        
        <img src="fuchs.jpg" width="90" height="90" border="0" vspace="10" hspace="20"
        alt="Was kann ich mir ausleihen?"><br>
        
        Dito (Attribute und 'br'-Element raus).
        
        Live long and prosper,
        Gunnar
        
        --
        Erwebsregel 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort.
        
        Beitrag melden
        
        –
        Informationen zu den Bewertungsregeln
        
        Übersicht
        
        alle Foren
        
        SELFHTML-Forum
        
        anmelden
        
        Benutzerkonto erstellen
        
        Beitrag im Thread-Baum

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Nick: Probleme

Probleme

Probleme

Probleme

Probleme

Probleme

Probleme

Probleme

Probleme

Probleme