kostenloser Webspace werbefrei: lima-city

Tabelle ohne Inhalt Zentrien mit CSS

lima-city → Forum → Programmiersprachen → Sonstige Programmiersprachen

1. Autor dieses Themas

   m******e

   21:51, 2.12.2010

   Liebes Forum,
   
   ich binn gerage dabei aus einer Seite, die früher mal mit FrontPage erstellt wurde (alle Formatirungen ohne CSS) die ganzen Formatirungen ind die CSS Datei zu "übertragen". Dabei binn ich auf ein Problem gestoßen. Auf der Seite sind immer Textblöck jeweils in dier Tabelle angelegt (1Spalte mal 1 Zeile). Nun möchte ich nur die Tabelle Zentriren aber nicht den Inhalt... .
   
   Ich hatte es mal mit diesem Code probiert
   
   

   td {
   	  text-align: center;
   	}

   
   und diesem
   

   #table {
                   table-align; center;
   }

   
   
   Damit wird beises Zentrirt (Text und Tabelle) ich habe es auch schonmal mit einer Gruppe und id probiert aber das hilft auch nichts.
   
   Also wie kann ich die Tabelle Zentriren ohne den Inhalt ???

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. lordcodex

   

   lordcodex hat kostenlosen Webspace.

   21:53, 2.12.2010

   versuchs mal mit
   

   #tableID{
   margin: auto auto;
   }

   
   
   Hatte davor auch das gleiche Problem nur mit DIV Containern
   
   
   Gruß Dex
   
   Beitrag zuletzt geändert: 2.12.2010 21:55:54 von lordcodex

4. simuliertes

   

   simuliertes hat kostenlosen Webspace.

   22:32, 2.12.2010

   http://www.google.de/search?q=css+zentrieren
   http://www.wssexpert.de/Style/Examples/007/center.html
   http://faq.bubax.net/index.php?content=tablecenter
   
   kurzform:
   Horizontal zentriert wird mit margin: 0 auto + das A-Element muss ein block-element sein (display: block).
   text-align: center macht man nur für den alten ie 6.
   
   

   <div style="width: 100%; border: 1px red solid; text-align: center;">
   	<table  style="margin: 0 auto; text-align: left;">
   	<tr>
   	    <td>kfgzk</td>
   	    <td>fgkhgf</td>
   	</tr>
   	<tr>
   	    <td>fjkzfg</td>
   	    <td>fgjkf</td>
   	</tr>
   	</table>
   </div>

   
   
   
   Beitrag zuletzt geändert: 2.12.2010 23:12:02 von simuliertes
5. Autor dieses Themas

   m******e

   14:40, 4.12.2010

   Ja Danke für alle Antworten aber, lordcodex es funktiunirt nicht so richtig. Also die Tabelle mit dem Text "klebt" nun am linken Rant der Seite Hier hast du mal den Quellcode, wie ich es gemacht habe:
   
   Von der Seiten Datei *.html
   

   <h2 id="tableID">
     <table border="1" width="92%" id="table">
       <tr>
         <td width="100%"><h4><b>Winnetou</b>
           kjlhlökfsdhgklöxjhgklöxjhykldjlhkjlöxjhklögjödgoöhjdklfjhdf
           dfklghjdfjklhjdfkhdfklgjkldfjhgljkdfhjkdfhgjkdfhkjdfhgjkdfhgkjdfhgjk
            ....</h4>
           <p align="center"><img border="0" src="startbilder/bild%20010.jpg" width="93" height="150">&nbsp;
           <img border="0" src="startbilder/bild%20011.jpg" width="188" height="150">&nbsp;
           <img border="0" src="startbilder/bild%20012.jpg" width="143" height="150">&nbsp;
           <img border="0" src="startbilder/bild%20013.jpg" width="98" height="150"></p>
           <p align="center">&nbsp;</p>
           <p align="center">&nbsp;</td>
         <td width="279">
           <img border="0" src="startbilder/bild%20009.jpg" width="279" height="400"></td>
       </tr>
     </table>
     </h2>
   </div>

   
   
   von der CSS Datei
   

   h4 {
       color: #008000;
        font-family: Comic Sans MS, verdana, arial;
        font-style: normal;
        font-weight: normal;
        font-size: 17px;
   
   }
   
   #tableID{
   margin: auto auto;
   }

   h4 ist für die Formatirung des Inhalts, #tableID für das Zentriren
   
   Wie muss denn der Code nun aussehen, damit es funktionirt?

6. simuliertes

   

   simuliertes hat kostenlosen Webspace.

   14:55, 4.12.2010

   Das margin muss auf die Tabelle angewendet werden, margin auto auto ist übrigens quatsch , wenn schon , dann nur 1x auto oder "0 auto"
   

   #table{
   margin: auto;
   }

   
   
   Wenn Du Dir die mühe gemacht hättest auf die Links zu klicken hättest Du dort auch alles nachlesen können.
   Und vor allen Dingen verstehst Du dann auch das Prinzip & musst nächstes mal nicht wieder nachfragen.
   
   

7. connor

   connor hat kostenlosen Webspace.

   13:05, 5.12.2010

   Hi ,
   
   Um eine Tabelle zu Zentrieren reicht ganz einfach.
   
   

   <table align="center" border="1" width="92%" id="table">
   
   </table>

   
   
   
   
   
   mehr braucht man dafür normal nicht.
   
   
   gruß
   connor
   
   
   
   
   Beitrag zuletzt geändert: 5.12.2010 13:05:29 von connor
8. Autor dieses Themas

   m******e

   21:45, 5.12.2010

   So nun get es auch bei mir!!!
   
   
   So habe ich das ganze nun gelöst
   

   #tableID{
   text-align: center;
   }

   
   
   "simuliertes" hatte völlig recht man muss nur alle Seiten richtig Prüfen: Und nun weiss ich auch warum das ganze so funktionirt!!
   
   DANKE!!!
   
   an "Zitieren"
   
   du hast narürlich recht, aber ich möcht die Wort "center" in der HTML datei nicht mer sehen ... aber dennoch danke!

9. youcode

   youcode hat kostenlosen Webspace.

   13:13, 20.12.2010

   Füge in die Tabelle ein   ein

10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?