Tabellenproblem in Html und Css

17.02.2011, 17:18

Hi Leute

Wir sollen als aufgabenstellung eine kleine Tabelle bauen und die habe ich so in Rohform hinbekommen und auch mit CSS formatiert. Nur leider ignoriert der irgendwie meine Höhenanweisungen und die Tabelle wird immer so groß, wie ich content hineinpacke komischerweise erkennt er aber die anweisungen für die Breite

Hier der Code:

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" >
<head>
<title> Filmdatenbank </title>
<link rel="stylesheet" type="text/css" href="Style.css" />
</head>
<body bgcolor="#000000">
<table border="3">
<tr><td colspan="2"><img src="header.jpg" alt="Header" /><img src="header2.jpg" alt="Header2" /><img src="header3.jpg" alt="Header3" /></td></tr>
<tr>
<td>
<ul id="liste">
<div style="width 250px; height 300px; overflow:scroll">
<li><p>Filmliste<p>
<li><img src="12.jpg" alt="12" hspace="25" vspace="25"/><li>
<li><img src="batman.jpg" alt="batman" hspace="25" vspace="25"/><li/>
<li><img src="godfather.jpg" alt="godfather" hspace="25" vspace="25" /><li/>
<li><img src="godfather2.jpg" alt="godfather2" hspace="25" vspace="25"/><li/>
<li><img src="good bad.jpg" alt="good bad" hspace="25" vspace="25"/><li/>
<li><img src="inception.jpg" alt="inception" hspace="25" vspace="25"/><li/>
<li><img src="kuckuck.jpg" alt="kuckuck" hspace="25" vspace="25"/><li/>
<li><img src="pulp.jpg" alt="pulp" hspace="25" vspace="25"/><li/>
<li><img src="schindler.jpg" alt="schindler" hspace="25" vspace="25"/><li/>
<li><img src="verurteilten.jpg" alt="verurteilten" hspace="25" vspace="25"/><li/>
</div>
</ul>
</td>
<td><text>Eine kleine persönliche Filmdatenbank. Den Anfang machen die TOP 10 Film der TOP 20 von der InternetMovieDatabase(imdb.com).<br/>
Klicken sie links auf die Poster, um dann genauere Informationen zu erhalten!
</text>
</td>
</tr>

</table>

</body>

und die CSS dazu:

p {
color: red;
padding-left: 50px;
font-size:20pt;
font-family:Vivaldi;
}

g {
color: white;
align: center;
font-size:30pt;
}

text {
color:white;
font-size:22pt;
}

table {
width:1639px;
height:500px;
border-width:3px;
border-color:white;
background-color:black;
}

td {
text-align:center;
vertical-align:top;
border-width:1.5px;
border-color:white;
background-color:black;
}

Ich hoffe ihr könnt mir helfen.

grüße

17.02.2011, 18:13

hatte grad gemerkt, dass da noch einige flüchtigkeitsfehler drinne waren. habe die html gesäubert, aber die tabelle wird immer noch unendlich groß :P

<!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" >
<head>
<title> Filmdatenbank </title>
<link rel="stylesheet" type="text/css" href="Style.css" />
</head>
<body bgcolor="#000000">
<table border="3">
<tr><td colspan="2"><img src="header.jpg" alt="Header" /><img src="header2.jpg" alt="Header2" /><img src="header3.jpg" alt="Header3" /></td></tr>
<tr>
<td>
<div style="width 250px; height 300px; overflow:scroll">
<ul id="liste">
<li><p>Filmliste</p></li>
<li> <img src="12.jpg" alt="12" hspace="25" vspace="25" /></li>
<li> <img src="batman.jpg" alt="batman" hspace="25" vspace="25" /></li>
<li> <img src="godfather.jpg" alt="godfather" hspace="25" vspace="25" /></li>
<li> <img src="godfather2.jpg" alt="godfather2" hspace="25" vspace="25" /></li>
<li> <img src="good bad.jpg" alt="good bad" hspace="25" vspace="25" /></li>
<li> <img src="inception.jpg" alt="inception" hspace="25" vspace="25" /></li>
<li> <img src="kuckuck.jpg" alt="kuckuck" hspace="25" vspace="25" /></li>
<li> <img src="pulp.jpg" alt="pulp" hspace="25" vspace="25" /></li>
<li> <img src="schindler.jpg" alt="schindler" hspace="25" vspace="25" /></li>
<li> <img src="verurteilten.jpg" alt="verurteilten" hspace="25" vspace="25" /></li>
</ul>
</div>
</td>
<td><text>Eine kleine persönliche Filmdatenbank. Den Anfang machen die TOP 10 Film der TOP 20 von der InternetMovieDatabase(imdb.com).<br/>
Klicken sie links auf die Poster, um dann genauere Informationen zu erhalten!
</text>
</td>
</tr>

</table>

</body>

</html>

17.02.2011, 18:15

hat sich erledigt