Nick: Probleme

Beitrag lesen

SELF-Forum

Probleme

Nick
– Informationen zu den Bewertungsregeln

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!!!!

<html>
<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 id="menu">
 <ul>
     <li><a href="information.htm" title="Allgemeine Informationen &uuml;ber die B&uuml;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&uuml;r Kinder?"><big>F&uuml;hrung</big></a></li>

<li><a href="lesefoerderung.htm" title="Informationen zur Lesef&ouml;rderung"><big>Lesef&ouml;rderung</big></a></li>
     <li><a href="katalog.htm" title="Hier finden Sie unseren Bestand, an B&uuml;chern, CD&acute;s, DVD&acute;s und vieles mehr."><big>Katalog</big></a></li>
     <li><a href="surfen.htm" title="Spiel und Spa&szlig; im Internet"><big>Surfen</big></a></li>
     <li><a href="monatsraetsel.htm" title="Monatsr&auml;tsel"><big>Monatsr&auml;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>

<div id="content">
<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&auml;ngern?"><br>
Kann ich die Leihfrist verl&auml;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&uuml;cherei Geld?"><br>
Kostet die B&uuml;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&auml;digung/Verlust"><br>
Was passiert, wenn ich ein Medium verliere oder besch&auml;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&uuml;chereiausweis ist weg"><br>
Mein B&uuml;chereiausweis ist weg ...</a></td>

<td width="20%" bgcolor="dodgerblue"></td>
</tr>
</div>

</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