Breite einer Tabelle via CSS definieren

Shorti · 31.10.2011

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

B-52 · 31.10.2011

Tippfehler!

wie wäre es mit 100%;

Gruss B-52

Was so ein Semikolon ausmachen kann!

Shorti · 31.10.2011

B-52 schrieb:
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

Arch · 01.11.2011

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

Gruß Daniel

artodeto · 01.11.2011

Arch schrieb:
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ü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>

Arch · 01.11.2011

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

Breite einer Tabelle via CSS definieren

Shorti

Routinier

B-52

Routinier

Shorti

Routinier

Arch

Foren As

artodeto

Grünschnabel

Arch

Foren As

Ähnliche Themen

Links aus HTML- Datei extrahieren

dovecot und postfix Konfiguration Problem

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

document.getElementById() has no properties

sed:suche nach Textmuster

Neueste Beiträge

Neueste Themen