HTML zentrieren geht nicht
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angeben
array
auto
code
date
datum
design
eingabe
http
inhalt
jemand
kalender
mitte
problem
rein code
schleife
tabelle
text
url
zeigen
-
Hallo,
Weißt jemand wie ich die Tabelle richtig zentrieren kann?
ich habe es mit <div align="center"> versucht aber das wird nicht richtig dargestellt. Mein ganzes design wandert einbisschen nach lings. Wieso?
meine code:
<table width="750" id="calender"> <tr> <td class="tage">MO</td> <td class="tage">DI</td> <td class="tage">MI</td> <td class="tage">DO</td> <td class="tage">FR</td> <td class="tage">SA</td> <td class="tage">SO</td> </tr> <?php include('verbindung.php'); echo"<h1>".$Monat[$month]."</h1> "; $Datums = array(); $Eingabe = array(); $month++; $datensaetze = mysql_query("SELECT * FROM `kalender`"); while($user_row = mysql_fetch_assoc($datensaetze)) { $zaehler++; $Datums[$zaehler]=$user_row["Datum"]; if($user_row["Datum"]=="") { } else { $Eintrage++; } } $datensaetze = mysql_query("SELECT * FROM `kalender`"); $zaehler=0; while($user_row = mysql_fetch_assoc($datensaetze)) { $zaehler++; $Eingabe[$zaehler]=$user_row["Was"]; } $zaehler=0; $firstDayOfMonth = mktime(1, 0, 0, $month, 1, $year); $daysOfMonth = date('t', $firstDayOfMonth); $dayOfWeek = date('w', $firstDayOfMonth); $days = array(1, 7, 6, 5, 4, 3, 2); $monthWithoutFirstWeek = $daysOfMonth - $days[$dayOfWeek]; $lastWeek = $monthWithoutFirstWeek % 7; $weeks = ($monthWithoutFirstWeek - $lastWeek) / 7; $emptyCellsFirstWeek = 7 - $days[$dayOfWeek]; $fullCellsFirstWeek = 7 - $dayOfWeek + 1; $emptyCellsLastWeek = 7 - $lastWeek; $countedDays = 0; if($dayOfWeek == 0){ echo '<tr>'; for($i = 0; $i < 6; $i++){ echo '<td></td>'; } $countedDays++; echo '<td class="days active">1</td>'; echo '</tr>'; } elseif($dayOfWeek != 0){ echo '<tr>'; for ($i=0;$i<$emptyCellsFirstWeek;$i++){ echo '<td></td>'; } for ($i=0;$i<$fullCellsFirstWeek;$i++){ $countedDays += 1; echo '<td class="days'.(($countedDays==$day) ? ' active' : '' ).'">'.$countedDays; while($Eintrage>$schleife) { $schleife++; $suchen="$countedDays.$month.$year"; if($suchen==$Datums[$schleife]) { echo"<br>"; echo $Eingabe[$schleife]; echo"</td>"; } else; } } echo '</tr>'; } $schleife=0; for ($i=0;$i<$weeks;$i++){ echo '<tr>'; for ($d=0;$d<7;$d++){ $countedDays += 1; $schleife=0; $aktuell=0; echo '<td class="days'.(($countedDays==$day) ? ' active' : '' ).'"> '.$countedDays; while($Eintrage>$schleife) { $schleife++; $suchen="$countedDays.$month.$year"; if($suchen==$Datums[$schleife]) { echo"</br>"; echo $Eingabe[$schleife]; } else; } } echo '</tr>'; } echo '<tr>'; if ($countedDays < $daysOfMonth){ while($lastWeek > 0){ $lastDays = $daysOfMonth - $lastWeek + 1; $suchen="$lastDays.$month.$year"; $schleife=0; echo '<td class="days'.(($countedDays==$day) ? ' active' : '' ).'"> '.$lastDays; while($Eintrage>$schleife) { $suchen="$lastDays.$month.$year"; $schleife++; if($suchen==$Datums[$schleife]) { echo"</br>"; echo $Eingabe[$schleife]; } } $suchen="$countedDays.$month.$year"; $lastWeek--; } for($i=0;$i<$emptyCellsLastWeek;$i++){ echo'<td></td>'; } echo '</tr>'; } ?> </table>
Beitrag zuletzt geändert: 29.10.2011 22:08:05 von computer-freak -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Natürlich kommt jetzt zunächst der Hinweis, den du vielleicht schon des Öfteren gehört hast:
Designs erstellt man nicht mit Tabellen.
Aber um deine Frage zu beantworten:
align ist lediglich für inline-Elemente gedacht, für Tabellen sollte margin: auto; gehen, da dann der linke und der rechte Außenabstand automatisch geregelt werden => Die Tabelle wird zentriert.
lg snapshot9 -
Das kann viele Gründe haben...
hast du das Vorhandensein der Sitebar (des Schieber ganz rechts) eingeplant?
Sind da noch andere Komponenten...?
Schreibe doch mal bitte die Web Adresse mit auf.
Was geschieht, wenn du die Weite deiner Tabelle erhöhst? -
Das ist zwar in der Mitte aber das ganze design verschiebt sich nach links wieso?
code:
<table id="calender" style="margin:auto;">
Beitrag zuletzt geändert: 30.10.2011 6:58:54 von computer-freak -
er zentriert es aber nicht. mit margin:auto; geht das schon aber dann wird das ganze design nach links verschoben aus irgendeinem grund?
-
Es gibt da eigentlich eine ganz einfache Lösung.
Wenn ich mich nicht irre, habe ich dieses Problem letztes Mal auch mit "center" gelöst.
Schreib es einfach über alles, oder willst du gar nicht alles zentriert haben? -
Hat einer von euch teamviewer? Dann könnte ich es euch zeigen!
-
http://www.granneman.com/webdev/coding/css/centertables/
http://theodorakis.net/tablecentertest.html
http://www.traum-projekt.com/forum/34-html-and-css/26517-tabelle-nur-css-zentrieren-geht.html
Beitrag zuletzt geändert: 30.10.2011 12:29:17 von fabo -
Schau, es funktioniert schon aber das design wandert nach links. Aber wieso?
-
Machs mit <center> dann ists in der Mitte
-
hat jemand aber von euch teamviewer damit ich es auch dort zeigen kann?
-
Poste einfach die URL zur Seite....
-
ist noch nicht veröffentlicht, deswegen, hast du teamviewer?
weißt es denn keiner von euch?
Beitrag zuletzt geändert: 30.10.2011 16:47:13 von computer-freak -
Hey computer-freak,
das sind so Brett-vor-den-Kopf-Probleme, die ich auch öfter habe. Ich glaube, deines Lösen zu können.
Erstelle dir ein Stylesheet per <style></style> und schreibe dort rein:
<style> table.meinetabelle { margin-left: auto; margin-right: auto, ; (restliche Angaben) }
und dann im Body
<table class="meinetabelle"><tr><td class="inhalt">Hallo</td></tr>(...)</table>
Im Internet Explorer musst du es dann mit text-align machen:
table.meinetabelle {text-align: center;}
Allerdings musst du dann für jede Spalte wieder angeben, das alles wieder linksbündig gemacht werden soll:
td.inhalt {text-algin: left}
Am besten mischt du alles zusammen. Einfach zum rauskopieren:
<style>table.meinetabelle {margin-left: auto; margin-right: auto; text-align: center;} td.inhalt {text-align:left;}
Ich hoffe, das hilft dir so einigermaßen
VG
Gentleman1 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage