zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Tabelle mit CSS zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.02.2004, 21:13
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.02.2004
Beiträge: 48
to.ni befindet sich auf einem aufstrebenden Ast
Standard Tabelle mit CSS zentrieren

Hallo Forum

Habe eine Seite mit CSS und XHTML 1.0 (strict) erstellt. Im Hintergrund regelt eine unsichtbare Tabelle das Design. Der Validator findet die Seite gut . Jetzt hab ich nur noch ein Problem: Ich will die Tabelle und somit den Seiteninhalt zentrieren. ABER wie mache ich das am besten?

Code:
<table align="center">
ist kein gültiges XHTML. Wenn ich um die Tabelle einen DIV-Tag lege und sage text-align : center, funktioniert das zwar im IE, der Mozila zentriert aber nur den Text in den Tabellen-Zellen und nicht die Tabelle selbst...

Danke schon mal für eure Hilfe...

mfg
to.ni
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.02.2004, 22:50
Neuer Benutzer
neuer user
 
Registriert seit: 12.01.2004
Beiträge: 23
hemfrie_ befindet sich auf einem aufstrebenden Ast
Standard

um Deine Tabelle zu zentrieren musst Du nicht viel tun.

Gib Deinem Table Tag folgende CSS-Klasse

Code:
<table class="table-center">
und hier das CSS

Code:
	.table-center{
		width:200px; /* Die Breite Deiner Tabelle */
		margin:auto;
	}

hemfrie
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.02.2004, 14:14
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.02.2004
Beiträge: 48
to.ni befindet sich auf einem aufstrebenden Ast
Standard

Servus,

danke für deine Antwort aber bei IE 6(.0.2) funktioniert das nicht... Meine Klasse sieht wie folgt aus. Die Zuweisung erfolgt ganz normal mit <table class="main">

Code:
table.main
{
 width : 70%;
 margin : auto;
 table-layout : fixed;
 border-collapse : collapse;
}
Der Mozila 1.6 hat dagegen keine Probleme...

Irgendeine Idee?

Thx to.ni
Mit Zitat antworten
  #4 (permalink)  
Alt 25.02.2004, 14:30
MLB MLB ist offline
Benutzer
neuer user
 
Registriert seit: 02.09.2003
Beiträge: 32
MLB befindet sich auf einem aufstrebenden Ast
Standard Zentriert

Hallo to.ni!

Code:
<style type="text/css">

#tabellenschachtel {
text-align: center;
}

table.main
{
 width : 70%;
 margin : auto;
 table-layout : fixed;
 border-collapse : collapse;
 background-color: green;
} 

</style>
Code:
<div id="tabellenschachtel">
<table class="main">
<tr>
<td>
Hallo!
</td>
</tr>
</table>
</div>
Klappt unter Moz 1.6 und IE5.0. IE 6.0 kann ich nicht kontrollieren.

Gruss

MLB
Mit Zitat antworten
  #5 (permalink)  
Alt 25.02.2004, 21:25
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.09.2003
Beiträge: 129
Alex befindet sich auf einem aufstrebenden Ast
Standard

man sollte .main noch ein text-align: left mitgeben, sonst gibts glaub irgendwo vererbungsprobleme mit dem center von der schachtel.

und das ist wirklich die einzige möglichkeit es sowohl ie als auch mozilla beizubringen. (welche methode die standardkonforme ist brauche ich ja wohl nicht extra zu erwähnen )
Mit Zitat antworten
  #6 (permalink)  
Alt 25.02.2004, 21:43
Neuer Benutzer
neuer user
 
Registriert seit: 12.01.2004
Beiträge: 23
hemfrie_ befindet sich auf einem aufstrebenden Ast
Standard

also bei mir funzt meine Version im IE 6, NS 7, Opera 7.11, Mozilla Firefox ohne Probleme.

Hier nochmal der gesamte Code. Vielleicht hast Du ja was übersehen.
Eine Tabellenschachtel ist eigentlich überflüssig.

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" xml:lang="en" lang="en">
  <head>
    <title>
    </title>

    <style type="text/css">
    /*<![CDATA[*/
    <!--
    .table-center{
    	background-color: #008000;
    	border-collapse: collapse;
    	margin: auto;
    	table-layout: fixed;
    	width: 70%; 
    }
    -->
    /*]]>*/
    </style>
  </head>
  <body>
    <table class="table-center">
      <tr>
        <td>
          test
        </td>
      </tr>
    </table>
  </body>
</html>

hemfrie
Mit Zitat antworten
  #7 (permalink)  
Alt 26.02.2004, 17:48
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.02.2004
Beiträge: 48
to.ni befindet sich auf einem aufstrebenden Ast
Standard

Danke für eure Hilfe,

jetzt funktioniert's auch bei mir

mfg
Mit Zitat antworten
  #8 (permalink)  
Alt 27.02.2004, 00:08
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.09.2003
Beiträge: 129
Alex befindet sich auf einem aufstrebenden Ast
Standard

@hemfrie: die 5er versionen des ie kapieren margin:auto nicht. drum der workaround mit schachtel und text-align.
Mit Zitat antworten
  #9 (permalink)  
Alt 27.02.2004, 11:33
Neuer Benutzer
neuer user
 
Registriert seit: 12.01.2004
Beiträge: 23
hemfrie_ befindet sich auf einem aufstrebenden Ast
Standard

@Alex

Danke für den Tipp
Den 5 er IE hatte ich beim testen ausgelassen.


hemfrie
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Tabelle mit CSS formatieren AndreasB80 CSS 4 03.08.2011 16:36
Tabelle zentrieren Roadrunner1 CSS 4 13.05.2011 20:07
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
CSS Tabelle - Zellen verbinden Praktikant CSS 5 16.08.2010 16:55
Große Tabelle in CSS?! elijasaul CSS 13 31.08.2007 22:21


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:41 Uhr.