Tabellenausrichtungsproblem

html.de-Forum HTML, XHTML & CSS
1

Hallo Leute,
habe ein Problem mit CSS.
Habe für meine Seite eine separate CSS - Datei erstellt, die, laut
The W3C CSS Validation Service,
auch fehlerfrei ist.
Nun habe ich in einer Datei zwei Tabellen erstellt, die sich den Vorlagen aus der CSS bedienen. Die erste Tabelle sitzt oben am Seitenrand, die zweite Tabelle aber nicht.
Seht hier: http://edvleipzig.ed.funpic.de
Hier nochmal der Quelltext meiner CSS - Datei:

	.bild  		{	background-image:url(../Bilder/Hintergrund.svg);
						background-attachment:fixed
			 		}
			 	
	div.text  	{ 	font-family:Tahoma,sans-serif;
						font-style:normal;
						font-variant:normal;
						color:black
			 		}
			 
	table.taba  {	table-layout:fixed;
						width:20%;
						margin-right:auto;
						border-left:3px solid red;
						border-right:3px solid red;
						border-top:3px solid red;
						border-bottom:3px solid red
			 		}
	
	tr.tra	 	{	table-layout:fixed;
			 		}
			 
	td.tda	 	{	table-layout:fixed;
						font-family:Tahoma,sans-serif;
						font-style:normal;
						font-variant:normal;
						color:black
			 		}
			 
	table.tabb  {	table-layout:fixed;
						width:80%;
						margin-left:auto;
						border-left:3px solid red;
						border-right:3px solid red;
						border-top:3px solid red;
						border-bottom:3px solid red
					}
			 
	tr.trab	 	{	table-layout:fixed;
						height:15%
			 		}
			 
	td.tdab	 	{	table-layout:fixed;
						font-family:Tahoma,sans-serif;
						font-style:normal;
						font-variant:normal;
						color:black			 
			 		}
			 
	tr.trbb	 	{	table-layout:fixed;
						height:85%
			 		}
			 
	td.tdbb	 	{	table-layout:fixed;
						font-family:Tahoma,sans-serif;
						font-style:normal;
						font-variant:normal;
						color:black
			 		}

Ich hoffe, ihr könnt mir helfen. Danke im vorraus.
Gurbelunder

2

nun ja, deine margin:auto; bringen dich da nicht weiter.

Du musst wenigstens die erste tabelle floaten, damit die andere sich dahinter stellen kann.

ohne float sind das 2 blockelemente die echt kein Bock haben nebeneinander zu stehen und somit immer untereinander rutschen, auch mit noch so viel margin;)

also float:left; in die CSS für die erste tabelle

gruß
csstester

3

Das wars, Problem gelöst.
Ich danke dir vielmals - das war meine erste CSS - Datei:
Ergebnis hier: EDV-Leipzig - Ihr Computerfachgeschäft in Leipzig

– SOLVED –

4

Nur, nen Grund für ne Tabelle gibts ja nicht wirklich, oder?

5

Und Gründe für den HTML-Doctype auch nicht unbedingt, zumal die Seite mit XHTML-Doctype fast schon valide ist…

[Invalid] Markup Validation of http://edvleipzig.ed.funpic.de/ - W3C Markup Validator

(Gruß nach Leipzig, wo ich auch bin g)