Breite einer Tabelle via CSS definieren

Shorti

Shorti

Routinier
Hallo allerseits,

ich habe die Befürchtung, dass ich gerade furchtbar auf dem Schlauch stehe. Egal kann mir jemand sagen was ich falsch gemacht habe, bzw wo der Schlauch ist?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>
Test f&uuml;r html und css
</title>
<style type="text/css">
#eins	{
	border: 1px solid;
	width: 100%:
	}
</style>
</head>
<body>
<table id="eins">
<tr>
<td>Eins</td>
<td>Zwei</td>
</tr>
<tr>
<td>Drei</td>
<td>Vier</td>
</tr>
</table>
</body>
</html>

Ich weiß, dass tables OUT sind, ich brauche sie aber. Ziel ist es die table auf 100% Breite zu spannen. Probiert mit IE9, Chrome, Firefox, ist auch HTML4 Valide...
 
Tippfehler!

wie wäre es mit 100%;

Gruss B-52

Was so ein Semikolon ausmachen kann!
 
Tippfehler!

wie wäre es mit 100%;

Gruss B-52

Was so ein Semikolon ausmachen kann!

Ok, danke Schlauch ist gefunden.

So noch ne kleine Frage jetzt will ich ne Tabelle in der Tabelle haben, aber die Rahmen sollen aufeinander fallen. Code ist zum Beispiel:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>



<head>

<title>

Test f&uuml;r html und css

</title>

<style type="text/css">

.eins	{

	border: 1px solid;

	padding: 0px;

	border-collapse: collapse;

	border-spacing: 0px;

	width: 100%;

	}

</style>

</head>

<body>

<table class="eins">

<tr>

<td>Eins</td>

<td>Zwei</td>

</tr>

<tr>

<td>Drei</td>

<td>

<table class="eins"><tr><td>test</td></tr></table>

</td>

</tr>

</table>

</body>

</html>
Klar ist ich könnte nur das <td>-Ding mit nem Rahmen definieren, ich will es aber später komplizierter haben und da wäre es praktisch wenn die Rahmen aufeinander fallen würden.

mfg
Shorti
 
Ich habe mir dein Beispiel jetzt nicht angeschaut, könnte mir aber vorstellen dass border-collapse dein Problem lösen wird.

Gruß Daniel
 
Ich habe mir dein Beispiel jetzt nicht angeschaut, könnte mir aber vorstellen dass border-collapse dein Problem lösen wird.

Gruß Daniel

Meinst du das?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
Test f&uuml;r html und css
</title>
<style type="text/css">
.table {
border: 1px solid;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
}
.table_inner {
border-bottom: none;
}
</style>
</head>
<body>
<table class="table">
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>
<table class="table table_inner"><tr><td>2.2.1</td></tr></table>
</td>
</tr>
</table>
</body>
</html>
 
So oder so ähnlich :) .
Hat es nicht den gewünschten Effekt?

Du brauchst übrigens nicht zwingend eine Klasse für Standardelemente erstellen. Du kannst für jedes Table-Element automatisch (ohne Klasse) CSS-Definitionen festlegen:
Code:
.table {}
...
<table class="table">...
wird dann einfach zu:
Code:
table {}
...
<table>...

Gruß Daniel
 

Ähnliche Themen

Links aus HTML- Datei extrahieren

Webinterface für Gameserver/Shellscript wird nicht ausgeführt

document.getElementById() has no properties

sed:suche nach Textmuster

mysql_query

Zurück
Oben