kostenloser Webspace werbefrei: lima-city


HTML zentrieren geht nicht

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    computer-freak

    computer-freak hat kostenlosen Webspace.

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. 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
  4. 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?
  5. Autor dieses Themas

    computer-freak

    computer-freak hat kostenlosen Webspace.

    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
  6. Richtig, grundsätzlich gilt:
    http://de.selfhtml.org/html/grafiken/ausrichten.htm

    Also wenn du deine Tabelle einfach nur in der Mitte stehen haben willst:
    <td align="center">Inhalt</td>
  7. Autor dieses Themas

    computer-freak

    computer-freak hat kostenlosen Webspace.

    er zentriert es aber nicht. mit margin:auto; geht das schon aber dann wird das ganze design nach links verschoben aus irgendeinem grund?
  8. 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?
  9. Autor dieses Themas

    computer-freak

    computer-freak hat kostenlosen Webspace.

    Hat einer von euch teamviewer? Dann könnte ich es euch zeigen!
  10. Autor dieses Themas

    computer-freak

    computer-freak hat kostenlosen Webspace.

    Schau, es funktioniert schon aber das design wandert nach links. Aber wieso?
  11. tradingcenter

    tradingcenter hat kostenlosen Webspace.

    Machs mit <center> dann ists in der Mitte
  12. Autor dieses Themas

    computer-freak

    computer-freak hat kostenlosen Webspace.

    hat jemand aber von euch teamviewer damit ich es auch dort zeigen kann?
  13. Poste einfach die URL zur Seite....
  14. Autor dieses Themas

    computer-freak

    computer-freak hat kostenlosen Webspace.

    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
  15. 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
  16. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!