Tabellenprobs

Pyrofreak · 27.02.2008, 11:48

Hallo!

Ich komme an einem Problem nicht weiter und zwar
habe ich eine Tabelle mit einem <head> Bereich und möchte diese
Kopfzeile mit einem Rahmen versehen,aber eben nur diese Zeile!

Code:

<thead>
<tr class=Kopfzeile>
<th>....</th>
<th>....</th>
<th>....</th>
.
.
.
</tr>
</thead>

CSS:

tr.Kopfzeile {
border: 1px solid #602C16;
}

Nun ist es so das der Browser Firefox die Zeile macht, also den Rahmen, nicht
aber der Internet Explorer, warum?

Weiters habe ich noch das Problem das ich XHTML strict Mode habe und
meine Tabelle gerne zentriert haben möchte, der Befehl "align=center"
ist aber nicht mehr erlaubt in XHTML? Andere Möglichkeit hab ich ned gefunden Was kann ich tun?

gr Pyro

jayjay · 27.02.2008, 11:59

tr würde ich gar nicht beschreiben, vielleicht so?

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
}
table {
	width:80%;
}
th {
	border: 1px solid #602C16;
}
td {
}
-->
</style>
</head>

<body>
<table align="center" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>
</body>
</html>

satre · 27.02.2008, 12:00

Zitat:

Zitat von Pyrofreak

Hallo,

du hast die Anführungszeichen nach class= vergessen.

Zitat:

meine Tabelle gerne zentriert haben möchte

Du kannst die Tabelle mit margin zentrieren.

Code:

<table style="margin:0 auto;">

Pyrofreak · 27.02.2008, 13:36

Erstmal danke für eure Hilfe!

@jayjay
das mit dem th hab ich schon probiert, das klappt leider nicht und zwar weil
ich möchte für den Kopfzeilen Rahmen eine andere Pixelbreite haben als
dann zb.: für die Rahmen des body Teiles der Tabelle, weiters rahmt er mir
nur die ersten Spalten jeweils nicht aber alle...

@satre
dein Befehl klappt wunderbar und zwar in beiden Browsern, wo hast Du den denn gefunden? Habe ihn in Selfhtml.org vergeblich gesucht...danke nochmal!

table {
margin: 0 auto;
.
.
.
}

Weis vielleicht jemand wie ich das Prob mit den Rahmen lösen kann?

gr Pyro

webmichl · 27.02.2008, 13:50

Meinst Du evtl so was wie im Anhang? Das geht zB so:

Code:

<html>
<head>
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
}
table {
    width:80%; border: 1px solid black; }
th.links, th.mitte { border-right: 3px solid black;border-bottom: 3px solid black;}
th.rechts { border-bottom: 3px solid black;}
td { border-bottom: 1px solid black; }
-->
</style>
</head>

<body>
<table align="center" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <th class='links'>&nbsp;</th>
        <th class='mitte'>&nbsp;</th>
        <th class='mitte'>&nbsp;</th>
        <th class='rechts'>&nbsp;</th>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>
</body>
</html>

Pyrofreak · 27.02.2008, 14:44

@danke webmichl

Ja genau so in etwa, habe die "th td" gleich mal mit "border-bottom" ausprobiert
und jetzt klappts, allerdings bleibt leider noch eine Hürde, da ich unterschiedliche
Spalten habe, unter andrem zwei Leerspalten und diese sollen ohne "border"
sein, jetzt wollt ich fragen gibts da ne einfache Lösung, das man diese Leerspalten ausklammert irgendwie mit einem Befehl?

gr Pyro

webmichl · 27.02.2008, 15:27

Gib jeder "Sonderzelle" eine eigene Klasse, die die entsprechenden Style-Definitionen enthält. Evtl muß Du dabei auch zu den jeweiligen Nachbarzellen eine eigene Klasse definieren - wie bei meinem "links - mitte - rechts" - Beispiel.

Pyrofreak · 27.02.2008, 15:33

@webmichl

Ja habs mir auch so überlegt, da es ja leider keinen border=0 Befehl gibt zumindest ned hier in meinem Fall, daher klappt das nur wenn ich die andren Spalten mit Klassen mache und halt die Leerspalten auslasse... das müsste ich jetz aber schaffen denk ich mal

danke dir nochmal

gr Pyro