|
|||
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"> Danke schon mal für eure Hilfe... mfg to.ni |
Sponsored Links |
|
|||
um Deine Tabelle zu zentrieren musst Du nicht viel tun.
Gib Deinem Table Tag folgende CSS-Klasse Code:
<table class="table-center"> Code:
.table-center{ width:200px; /* Die Breite Deiner Tabelle */ margin:auto; } hemfrie |
Sponsored Links |
|
|||
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; } Irgendeine Idee? Thx to.ni |
|
|||
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> Gruss MLB |
|
|||
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 ) |
|
|||
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 |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |