html.de - Wie kann ich bei meinem Dropdown-Menü die Breite in Prozent angeben?

by SpiceLab

HTML

<nav id="menu">
  <ul>
  <li>
  <a href="hausuebungen.uebersicht.html"><h3>Hausübungen</h3></a>
  <ul>
  <li><a href="donnerstag18.02.2016.html">Donnerstag 18.02.2016</a></li>
  <li><a href="mittwoch17.02.2016.html">Mittwoch 17.02.2016</a></li>
  <li><a href="dienstag16.02.2016.html">Dienstag 16.02.2016</a></li>
  <li><a href="montag15.02.2016.html">Montag 15.02.2016</a></li>
  <li><a href="freitag12.02.2016.html">Freitag 12.02.2016</a></li>
  </ul>
  </li>
  <li>
  <a href="kalender.html"><h3>Kalender</h3></a>
  <ul>
  <li><a href="kalender.februar.html">Februar</a></li>
  <li><a href="kalender.maerz.html">März</a></li>
  <li><a href="kalender.april.html">April</a></li>
  <li><a href="kalender.mai.html">Mai</a></li>
  <li><a href="kalender.juni.html">Juni</a></li>
  <li><a href="kalender.juli.html">Juli</a></li>
  <li><a href="kalender.geburtstage.html">Geburtstage</a></li>
  </ul>
  </li>
  <li>
  <a href="stundenplan.php"><h3>Stundenplan</h3></a>
  </li>
  </ul>
</nav>

<br/><br/><br/><br/>
  <p class="breadcrumbs">Sie befinden sich hier: <a href="index.php">Home<a/> >> 
  <a href="stundenplan.php">Stundenplan<a/>
  <p/> 
 <h2><p align="center">Stundenplan</p></h2>
 <table>
 <tr class="ueber">
  <th>Zeit</th>
  <th>Montag</th>
  <th>Dienstag</th>
  <th>Mittwoch</th>
  <th>Donnerstag</th>
  <th>Freitag</th>
 </tr>
 <tr class="erste">
  <td>07:25-08:15</td>
  <td>Religion</td>
  <td>Deutsch</td>
  <td>Mathematik</td>
  <td>Franz&ouml;sisch/Latein</td>
  <td>Mathematik</td>
 </tr>
 <tr class="zweite">
  <td>08:20-09:10</td>
  <td>Mathematik</td>
  <td>Mathematik</td>
  <td>Geographie</td>
  <td>Deutsch</td>
  <td>Zeichnen</td>
 </tr>
 <tr class="erste">
  <td>09:25-10:15</td>
  <td>Biologie</td>
  <td>Franz&ouml;sisch/Latein</td>
  <td>Englisch</td>
  <td>Englisch</td>
  <td rowspan="2">Informatik</td>
 </tr>
 <tr class="zweite">
  <td>10:15-11:05</td>
  <td>Geographie</td>
  <td>Musik</td>
  <td>Franz&ouml;sisch/Latein</td>
  <td>Geschichte</td>
 </tr>
 <tr...

CSS

#menu {width:90%; min-width:713px; /* = Mindestbreite der Tabelle */ margin-left:5%}
#menu ul , #menu li {
  list-style-type:none;
  margin:0px;
  padding:0px;
  box-sizing:border-box;
}
#menu li {
 width:33.334%;
 float:left;
 position:relative;
}
 
#menu a:hover {
 color:#000000;
 background-color:#8BFF80;
}
 
#menu a {
 display:block;
 text-align:center;
 border:1px solid #000000;
 border-right:0;
 font-weight:bold;
 text-decoration:none;
 background-color:#FF618D;
}
 
#menu a:last-child {
 border-right:1px solid #000;
}
 
#menu li ul {
 display:none;
 position:absolute;
 top:auto;
 left:0;
 right:0;
}
 
#menu li li {
 display:block;
 float:none;
 width:100%;
}
 
#menu li:hover ul {
 display:block;
}
 
#menu li li:nth-child(odd) a {
  background-color:#ffB500;
}
 
#menu li li:nth-child(even) a {
  background-color:#FF4040;
}
#menu li li a:hover {
 background-color:#09c;
 color:#fff;
}

table {margin-left: 5%; border-spacing: 0px; border-collapse: collapse; padding: 0px; width: 90%; border: 1px solid #000000;}
td, td {border: 1px solid #000000}