Hallo zusammen. Ich beschäftige mich seit einiger Zeit mit Webdesign. Meine eigene Homepage habe ich schon, aber das ist nicht der Kern meiner Frage. Ich habe eine Tabelle als HTML geschrieben und das Problem dabei ist, je mehr Zeilen ich unten anhänge, um so größer wird oben die Lücke zwischen Überschrift und Tabelle. Jetzt habe ich da oben ein riesiges weißes Loch. Kann mir hier jemand helfen wie ich die Tabelle unter die Überschrift bekomme? Bei Selfhtml finde ich keine Lösung.
<html> <head> <title>HTML Farben</title></head> <!-- Umlaute --> <meta charset="UTF-8"> <!-- Hintergrundfarbe für die ganze Seite --> <body bgcolor="#ffffff" > <!-- Textfarben mit Beispiel --> <h2>HTML Farben</h2> <h4>Textfarben mit Beispiel</h4> <!-- Scrollbare Tabelle --> <div style="height:800px; width:1200px; overflow:auto;"> <!-- zentriert Tabelle mit div --> <div align="center"> <table border="1" bcolor="#FFFF00"> <caption style="caption-side:bottom">HTML Farben</caption> <tr> <td bgcolor="#f0f8ff"><h3>aliceblue</h3></td><td bgcolor="#f0f8ff"><h3>#f0f8ff</h3></td> <td bgcolor="#faebd7"><h3>antiquewhite</h3></td><td bgcolor="#faebd7"><h3>#faebd7</h3></td> <td bgcolor="#00ffff"><h3>aqua</h3></td><td bgcolor="#00ffff"><h3>#00ffff</h3></td> <td bgcolor="#7fffd4"><h3>aquamarine</h3></td><td bgcolor="#7fffd4"><h3>#7fffd4</h3></td><br> </tr> <tr> <td bgcolor="#f5f5dc"><h3>beige</h3></td><td bgcolor="#f5f5dc"><h3>#f5f5dc</h3></td> <td bgcolor="#f0ffff"><h3>azure</h3></td><td bgcolor="#f0ffff"><h3>#f0ffff</h3></td> <td bgcolor="#ffe4c4"><h3>bisque</h3></td><td bgcolor="#ffe4c4"><h3>#ffe4c4</h3></td> <td bgcolor="#ffebcd"><h3>blanchedalmond</h3></td><td bgcolor="#ffebcd"><h3>#ffebcd</h3></td><br> </tr> <tr> <td bgcolor="#0000ff"><h3><font color="#ffffff">blue</font></h3></td><td bgcolor="#0000ff"><h3><font color="#ffffff">#0000ff</font></h3></td> <td bgcolor="#8a2be2"><h3>blueviolet</h3></td><td bgcolor="#8a2be2"><h3>#8a2be2</h3></td> <td bgcolor="#a52a2a"><h3>brown</h3></td><td bgcolor="#a52a2a"><h3>#a52a2a</h3></td> <td bgcolor="#deb887"><h3>burlywood</h3></td><td bgcolor="#deb887"><h3>#deb887</h3></td><br> </tr> <tr> <td bgcolor="#5f9ea0"><h3>cadetblue</h3></td><td bgcolor="#5f9ea0"><h3>#5f9ea0</h3></td> <td bgcolor="#7fff00"><h3>chartreuse</h3></td><td bgcolor="#7fff00"><h3>#7fff00</h3></td> <td bgcolor="#d2691e"><h3>chocolate</h3></td><td bgcolor="#d2691e"><h3>#d2691e</h3></td> <td bgcolor="#ff7f50"><h3>coral</h3></td><td bgcolor="#ff7f50"><h3>#ff7f50</h3></td><br> </tr> <tr> <td bgcolor="#6495ed"><h3>cornflowerblue</h3></td><td bgcolor="#6495ed"><h3>#6495ed</h3></td> <td bgcolor="#fff8dc"><h3>cornsilk</h3></td><td bgcolor="#fff8dc"><h3>#fff8dc</h3></td> <td bgcolor="#dc143c"><h3>crimson</h3></td><td bgcolor="#dc143c"><h3>#dc143c</h3></td> <td bgcolor="#00ffff"><h3>cyan</h3></td><td bgcolor="#00ffff"><h3>#00ffff</h3></td><br> </tr> <tr> <td bgcolor="#00008b"><h3><font color="#ffffff">darkblue</font></h3></td><td bgcolor="#00008b"><h3><font color="#ffffff">#00008b</font></h3></td> <td bgcolor="#008b8b"><h3>darkcyan</h3></td><td bgcolor="#008b8b"><h3>#008b8b</h3></td> <td bgcolor="#b8860b"><h3>darkgoldenrod</h3></td><td bgcolor="#b8860b"><h3>#b8860b</h3></td> <td bgcolor="#006400"><h3>darkgreen</h3></td><td bgcolor="#006400"><h3>#006400</h3></td><br> </tr> <tr> <td bgcolor="#bdb76b"><h3>darkkhaki</h3></td><td bgcolor="#bdb76b"><h3>#bdb76b</h3></td> <td bgcolor="#8b008b"><h3>darkmagenta</h3></td><td bgcolor="#8b008b"><h3>#8b008b</h3></td> <td bgcolor="#556B2f"><h3>darkolivegreen</h3></td><td bgcolor="#556B2f"><h3>#556B2f</h3></td> <td bgcolor="#ff8c00"><h3>darkorange</h3></td><td bgcolor="#ff8c00"><h3>#ff8c00</h3></td><br> </tr> <tr> <td bgcolor="#9932cc"><h3>darkorchid</h3></td><td bgcolor="#9932cc"><h3>#9932cc</h3></td> <td bgcolor="#8b0000"><h3>darkred</h3></td><td bgcolor="#8b0000"><h3>#8b0000</h3></td> <td bgcolor="#e9967a"><h3>darksalmon</h3></td><td bgcolor="#e9967a"><h3>#e9967a</h3></td> <td bgcolor="#8fbc8f"><h3>darkseagreen</h3></td><td bgcolor="#8fbc8f"><h3>#8fbc8f</h3></td><br> </tr> <tr> <td bgcolor="#483d8b"><h3>darkslateblue</h3></td><td bgcolor="#483d8b"><h3>#483d8b</h3></td> <td bgcolor="#2f4f4f"><h3>darkslategray</h3></td><td bgcolor="#2f4f4f"><h3>#2f4f4f</h3></td> <td bgcolor="#00ced1"><h3>darkturquoise</h3></td><td bgcolor="#00ced1"><h3>#00ced1</h3></td> <td bgcolor="#9400d3"><h3>darkviolet</h3></td><td bgcolor="#9400d3"><h3>#9400d3</h3></td><br> </tr> <tr> <td bgcolor="#ff1493"><h3>deeppink</h3></td><td bgcolor="#ff1493"><h3>#ff1493</h3></td> <td bgcolor="#00bfff"><h3>deepskyblue</h3></td><td bgcolor="#00bfff"><h3>#00bfff</h3></td> <td bgcolor="#1e90ff"><h3>dodgerblue</h3></td><td bgcolor="#1e90ff"><h3>#1e90ff</h3></td> <td bgcolor="#b22222"><h3>firebrick</h3></td><td bgcolor="#b22222"><h3>#b22222</h3></td><br> </tr> <tr> <td bgcolor="#fffaf0"><h3>floralwhite</h3></td><td bgcolor="#fffaf0"><h3>#fffaf0</h3></td> <td bgcolor="#228b22"><h3>forestgreen</h3></td><td bgcolor="#228b22"><h3>#228b22</h3></td> <td bgcolor="#ff00ff"><h3>fuchsia</h3></td><td bgcolor="#ff00ff"><h3>#ff00ff</h3></td> <td bgcolor="#f8f8ff"><h3>ghostwhite</h3></td><td bgcolor="#f8f8ff"><h3>#f8f8ff</h3></td><br> </tr> <tr> <td bgcolor="#ffd700"><h3>gold</h3></td><td bgcolor="#ffd700"><h3>#ffd700</h3></td> <td bgcolor="#daa520"><h3>goldenrod</h3></td><td bgcolor="#daa520"><h3>#daa520</h3></td> <td bgcolor="#008000"><h3>green</h3></td><td bgcolor="#008000"><h3>#008000</h3></td> <td bgcolor="#adff2f"><h3>greenyellow</h3></td><td bgcolor="#adff2f"><h3>#adff2f</h3></td><br> </tr> <tr> <td bgcolor="#f0fff0"><h3>honeydew</h3></td><td bgcolor="#f0fff0"><h3>#f0fff0</h3></td> <td bgcolor="#ff69b4"><h3>hotpink</h3></td><td bgcolor="#ff69b4"><h3>#ff69b4</h3></td> <td bgcolor="#cd5c5c"><h3>indianred</h3></td><td bgcolor="#cd5c5c"><h3>#cd5c5c</h3></td> <td bgcolor="#4b0082"><h3><font color="#ffffff">indigo</font></h3></td><td bgcolor="#4b0082"><h3><font color="#ffffff">#4b0082</font></h3></td><br> </tr> <tr> <td bgcolor="#fffff0"><h3>ivory</h3></td><td bgcolor="#fffff0"><h3>#fffff0</h3></td> <td bgcolor="#f0e68c"><h3>khaki</h3></td><td bgcolor="#f0e68c"><h3>#f0e68c</h3></td> <td bgcolor="#e6e6fa"><h3>lavender</h3></td><td bgcolor="#e6e6fa"><h3>#e6e6fa</h3></td> <td bgcolor="#fff0f5"><h3>lavenderblush</h3></td><td bgcolor="#fff0f5"><h3>#fff0f5</h3></td><br> </tr> <tr> <td bgcolor="#7cfc00"><h3>lawngreen</h3></td><td bgcolor="#7cfc00"><h3>#7cfc00</h3></td> <td bgcolor="#fffacd"><h3>lemonchiffon</h3></td><td bgcolor="#fffacd"><h3>#fffacd</h3></td> <td bgcolor="#add8e6"><h3>lightblue</h3></td><td bgcolor="#add8e6"><h3>#add8e6</h3></td> <td bgcolor="#f08080"><h3>lightcoral</h3></td><td bgcolor="#f08080"><h3>#f08080</h3></td><br> </tr> <tr> <td bgcolor="#e0ffff"><h3>lightcyan</h3></td><td bgcolor="#e0ffff"><h3>#e0ffff</h3></td> <td bgcolor="#fafad2"><h3>lightgoldenrodyellow</h3></td><td bgcolor="#fafad2"><h3>#fafad2</h3></td> <td bgcolor="#90ee90"><h3>lightgreen</h3></td><td bgcolor="#90ee90"><h3>#90ee90</h3></td> <td bgcolor="#ffb6c1"><h3>lightpink</h3></td><td bgcolor="#ffb6c1"><h3>#ffb6c1</h3></td><br> </tr> <tr> <td bgcolor="#ffa07a"><h3>lightsalmon</h3></td><td bgcolor="#ffa07a"><h3>#ffa07a</h3></td> <td bgcolor="#20b2aa"><h3>lightseagreen</h3></td><td bgcolor="#20b2aa"><h3>#20b2aa</h3></td> <td bgcolor="#87cefa"><h3>lightskyblue</h3></td><td bgcolor="#87cefa"><h3>#87cefa</h3></td> <td bgcolor="#778899"><h3>lightslategray</h3></td><td bgcolor="#778899"><h3>#778899</h3></td><br> </tr> <tr> <td bgcolor="#b0c4de"><h3>lightsteelblue</h3></td><td bgcolor="#b0c4de"><h3>#b0c4de</h3></td> <td bgcolor="#ffffe0"><h3>lightyellow</h3></td><td bgcolor="#ffffe0"><h3>#ffffe0</h3></td> <td bgcolor="#00ff00"><h3>lime</h3></td><td bgcolor="#00ff00"><h3>#00ff00</h3></td> <td bgcolor="#32cd32"><h3>limegreen</h3></td><td bgcolor="#32cd32"><h3>#32cd32</h3></td><br> </tr> <tr> <td bgcolor="#faf0e6"><h3>linen</h3></td><td bgcolor="#faf0e6"><h3>#faf0e6</h3></td> <td bgcolor="#ff00ff"><h3>magenta</h3></td><td bgcolor="#ff00ff"><h3>#ff00ff</h3></td> <td bgcolor="#800000"><h3><font color="#ffffff">maroon</font></h3></td><td bgcolor="#800000"><h3><font color="#ffffff">#800000</font></h3></td> <td bgcolor="#66cdaa"><h3>mediumaquamarine</h3></td><td bgcolor="#66cdaa"><h3>#66cdaa</h3></td><br> </tr> <tr> <td bgcolor="#0000cd"><h3><font color="#ffffff">mediumblue</font></h3></td><td bgcolor="#0000cd"><h3><font color="#ffffff">#0000cd</font></h3></td> <td bgcolor="#ba55d3"><h3>mediumorchid</h3></td><td bgcolor="#ba55d3"><h3>#ba55d3</h3></td> <td bgcolor="#9370db"><h3>mediumpurple</h3></td><td bgcolor="#9370db"><h3>#9370db</h3></td> <td bgcolor="#3cb371"><h3>mediumseagreen</h3></td><td bgcolor="#3cb371"><h3>#3cb371</h3></td><br> </tr> <tr> <td bgcolor="#7b68ee"><h3>mediumslateblue</h3></td><td bgcolor="#7b68ee"><h3>#7b68ee</h3></td> <td bgcolor="#00fa9a"><h3>mediumspringgreen</h3></td><td bgcolor="#00fa9a"><h3>#00fa9a</h3></td> <td bgcolor="#48d1cc"><h3>mediumturquoise</h3></td><td bgcolor="#48d1cc"><h3>#48d1cc</h3></td> <td bgcolor="#c71585"><h3>mediumvioletred</h3></td><td bgcolor="#c71585"><h3>#c71585</h3></td><br> </tr> <tr> <td bgcolor="#191970"><h3><font color="#ffffff">midnightblue</font></h3></td><td bgcolor="#191970"><h3><font color="#ffffff">#191970</font></h3></td> <td bgcolor="#f5fffa"><h3>mintcream</h3></td><td bgcolor="#f5fffa"><h3>#f5fffa</h3></td> <td bgcolor="#ffe4e1"><h3>mistyrose</h3></td><td bgcolor="#ffe4e1"><h3>#ffe4e1</h3></td> <td bgcolor="#ffe4b5"><h3>moccasin</h3></td><td bgcolor="#ffe4b5"><h3>#ffe4b5</h3></td><br> </tr> <tr> <td bgcolor="#ffdead"><h3>navajowhite</h3></td><td bgcolor="#ffdead"><h3>#ffdead</h3></td> <td bgcolor="#000080"><h3><font color="#ffffff">navy</font></h3></td><td bgcolor="#000080"><h3><font color="#ffffff">#000080</font></h3></td> <td bgcolor="#fdf5e6"><h3>oldlace</h3></td><td bgcolor="#fdf5e6"><h3>#fdf5e6</h3></td> <td bgcolor="#808000"><h3>olive</h3></td><td bgcolor="#808000"><h3>#808000</h3></td><br> </tr> <tr> <td bgcolor="#6b8e23"><h3>olivedrab</h3></td><td bgcolor="#6b8e23"><h3>#6b8e23</h3></td> <td bgcolor="#ffa500"><h3>orange</h3></td><td bgcolor="#ffa500"><h3>#ffa500</h3></td> <td bgcolor="#ff4500"><h3>orangered</h3></td><td bgcolor="#ff4500"><h3>#ff4500</h3></td> <td bgcolor="#da70d6"><h3>orchid</h3></td><td bgcolor="#da70d6"><h3>#da70d6</h3></td><br> </tr> <tr> <td bgcolor="#eee8aa"><h3>palegoldenrod</h3></td><td bgcolor="#eee8aa"><h3>#eee8aa</h3></td> <td bgcolor="#98fb98"><h3>palegreen</h3></td><td bgcolor="#98fb98"><h3>#98fb98</h3></td> <td bgcolor="#afeeee"><h3>paleturquoise</h3></td><td bgcolor="#afeeee"><h3>#afeeee</h3></td> <td bgcolor="#db7093"><h3>palevioletred</h3></td><td bgcolor="#db7093"><h3>#db7093</h3></td><br> </tr> <tr> <td bgcolor="#ffefd5"><h3>papayawhip</h3></td><td bgcolor="#ffefd5"><h3>#ffefd5</h3></td> <td bgcolor="#ffdab9"><h3>peachpuff</h3></td><td bgcolor="#ffdab9"><h3>#ffdab9</h3></td> <td bgcolor="#cd853f"><h3>peru</h3></td><td bgcolor="#cd853f"><h3>#cd853f</h3></td> <td bgcolor="#ffc0cb"><h3>pink</h3></td><td bgcolor="#ffc0cb"><h3>#ffc0cb</h3></td><br> </tr> <tr> <td bgcolor="#dda0dd"><h3>plum</h3></td><td bgcolor="#dda0dd"><h3>#dda0dd</h3></td> <td bgcolor="#b0e0e6"><h3>powderblue</h3></td><td bgcolor="#b0e0e6"><h3>#b0e0e6</h3></td> <td bgcolor="#800080"><h3>purple</h3></td><td bgcolor="#800080"><h3>#800080</h3></td> <td bgcolor="#ff0000"><h3>red</h3></td><td bgcolor="#ff0000"><h3>#ff0000</h3></td><br> </tr> <tr> <td bgcolor="#bc8f8f"><h3>rosybrown</h3></td><td bgcolor="#bc8f8f"><h3>#bc8f8f</h3></td> <td bgcolor="#4169e1"><h3>royalblue</h3></td><td bgcolor="#4169e1"><h3>#4169e1</h3></td> <td bgcolor="#8b4513"><h3>saddlebrown</h3></td><td bgcolor="#8b4513"><h3>#8b4513</h3></td> <td bgcolor="#fa8072"><h3>salmon</h3></td><td bgcolor="#fa8072"><h3>#fa8072</h3></td><br> </tr> <tr> <td bgcolor="#f4a460"><h3>sandybrown</h3></td><td bgcolor="#f4a460"><h3>#f4a460</h3></td> <td bgcolor="#2e8b57"><h3>seagreen</h3></td><td bgcolor="#2e8b57"><h3>#2e8b57</h3></td> <td bgcolor="#fff5ee"><h3>seashell</h3></td><td bgcolor="#fff5ee"><h3>#fff5ee</h3></td> <td bgcolor="#a0522d"><h3>sienna</h3></td><td bgcolor="#a0522d"><h3>#a0522d</h3></td><br> </tr> <tr> <td bgcolor="#87ceeb"><h3>skyblue</h3></td><td bgcolor="#87ceeb"><h3>#87ceeb</h3></td> <td bgcolor="#6a5acd"><h3>slateblue</h3></td><td bgcolor="#6a5acd"><h3>#6a5acd</h3></td> <td bgcolor="#708090"><h3>slategray</h3></td><td bgcolor="#708090"><h3>#708090</h3></td> <td bgcolor="#fffafa"><h3>snow</h3></td><td bgcolor="#fffafa"><h3>#fffafa</h3></td><br> </tr> <tr> <td bgcolor="#00ff7f"><h3>springgreen</h3></td><td bgcolor="#00ff7f"><h3>#00ff7f</h3></td> <td bgcolor="#4682b4"><h3>steelblue</h3></td><td bgcolor="#4682b4"><h3>#4682b4</h3></td> <td bgcolor="#d2b48c"><h3>tan</h3></td><td bgcolor="#d2b48c"><h3>#d2b48c</h3></td> <td bgcolor="#008080"><h3>teal</h3></td><td bgcolor="#008080"><h3>#008080</h3></td><br> </tr> <tr> <td bgcolor="#d8bfd8"><h3>thistle</h3></td><td bgcolor="#d8bfd8"><h3>#d8bfd8</h3></td> <td bgcolor="#ff6347"><h3>tomato</h3></td><td bgcolor="#ff6347"><h3>#ff6347</h3></td> <td bgcolor="#40e0d0"><h3>turquoise</h3></td><td bgcolor="#40e0d0"><h3>#40e0d0</h3></td> <td bgcolor="#ee82ee"><h3>violet</h3></td><td bgcolor="#ee82ee"><h3>#ee82ee</h3></td><br> </tr> <tr> <td bgcolor="#f5deb3"><h3>wheat</h3></td><td bgcolor="#f5deb3"><h3>#f5deb3</h3></td> <td bgcolor="#f5f5f5"><h3>whitesmoke</h3></td><td bgcolor="#f5f5f5"><h3>#f5f5f5</h3></td> <td bgcolor="#ffff00"><h3>yellow</h3></td><td bgcolor="#ffff00"><h3>#ffff00</h3></td> <td bgcolor="#9acd32"><h3>yellowgreen</h3></td><td bgcolor="#9acd32"><h3>#9acd32</h3></td><br> </tr> <tr> <td bgcolor="#ffffff"><h3>white</h3></td><td bgcolor="#ffffff"><h3>#ffffff</h3></td> <td bgcolor="#dcdcdc"><h3>gainsboro</h3></td><td bgcolor="#dcdcdc"><h3>#dcdcdc</h3></td> <td bgcolor="#d3d3d3"><h3>lightgrey</h3></td><td bgcolor="#d3d3d3"><h3>#d3d3d3</h3></td> <td bgcolor="#c0c0c0"><h3>silver</h3></td><td bgcolor="#c0c0c0"><h3>#c0c0c0</h3></td> </tr> <tr> <td bgcolor="#a9a9a9"><h3>darkgray</h3></td><td bgcolor="#a9a9a9"><h3>#a9a9a9</h3></td><br> <td bgcolor="#808080"><h3>gray</h3></td><td bgcolor="#808080"><h3>#808080</h3></td> <td bgcolor="#696969"><h3>dimgray</h3></td><td bgcolor="#696969"><h3>#696969</h3></td> <td bgcolor="#000000"><h3><font color="#ffffff">black</font></h3></td><td bgcolor="#000000"><h3><font color="#ffffff">#000000</font></h3></td> </tr> <!-- Bildlaufleiste Ende --> </div> </html>
