• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle verschiebt Design

booten

Neues Mitglied
Hallo,
Ich habe eine Seite für mich designt. Alles funktioniert bis auf den Kalender. Wenn ich den kalender einfüge dann verschiebt er das ganze design nach links.
Wer den ganzen quelltext möchte bitte mir eine nachricht schicken, dann könnte er eventuell das über teamviewer machen!

Kalender Code:
HTML:
  <?php
$mo_name = array(
'1' => 'Januar', 
'2' => 'Februar', 
'3' => 'M&auml;rz', 
'4' => 'April', 
'5' => 'Mai', 
'6' => 'Juni', 
'7' => 'Juli', 
'8' => 'August', 
'9' => 'Semptember', 
'10' => 'Oktober', 
'11' => 'November', 
'12' => 'Dezember' 
); 

if (!empty($_REQUEST['mon'])) { $monat = $_REQUEST['mon']; } else { $monat = date('n'); } 
if (!empty($_REQUEST['jah'])) { $jahr = $_REQUEST['jah']; }  else { $jahr = date('Y'); } 

if (!empty($_REQUEST['go1'])) { $monat--; } 
if (!empty($_REQUEST['go2'])) { $monat++; } 

if (12 < $monat) { $jahr++; $monat = 1; } 
if ($monat < 1) { $jahr--; $monat = 12; } 

?>
    
    <?php
    $month=$monat-1;
    $year=$jahr;
    
    ?>
<div style='background-color:white;width:100%;float:left;'>
<div align="center">
   

<table width="750" border="0" cellspacing="2" cellpadding="2" bgcolor="#DEDEDE">
  <tr>

    <td width="15%" align="center" valign="top">
      <form name="form1" method="post" action="">
        <input type="submit" name="go1" value="<">
        <input type="hidden" name="mon" value="<?php echo $monat; ?>">
        <input type="hidden" name="jah" value="<?php echo $jahr; ?>">
      </form>
    </td>
    <td width="70%" align="center" valign="top">
    <?php 
    echo "<span style=\"font-size:22px\">".$mo_name[$monat]."</span>"; 
    echo "<br><span style=\"font-size:16px\">".$jahr."</span>"; 
    ?>
    </td>

    <td width="15%" align="center" valign="top">
      <form name="form2" method="post" action="">
        <input type="submit" name="go2" value=">">
        <input type="hidden" name="mon" value="<?php echo $monat; ?>">
        <input type="hidden" name="jah" value="<?php echo $jahr; ?>">
      </form>
    </td>
  </tr>
</table>




<table 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>
 
Ich mach's kurz.
Der Code des Kalender-Scriptes alleine bringt keine Erkenntnisse darüber, weswegen dein Seiten-Layout verschoben wird.
Wenn du Hilfe erwartest, mach uns die Seite zugänglich, damit man die Wechselwirkung von Script, Layout-Quellcode und CSS sehen kann.
Nur jemand mit ausgeprägtem Helfer-Komplex macht sich die Mühe, sich mit dir im Team-Viewer zu treffen.
 
Also, CSS code vom container:

#container
{

margin:auto;
width:80%;
}



und kalender:




#calender{
background-color: #FFFFFF;
border: 3px solid #000000;
border-collapse: collapse;
empty-cells: show;
height:700px;
width:700px;
}
#calender td{
width: 60px;
height: 60px;
text-align: center;
border: 1px solid #000000;
font-weight: bold;
padding: 3px;
}

#calender td.days{
color: #000000;
border: 1px solid #000000;
font-weight: normal;
}
 
Ein Link zur Seite würde alles liefern, was die Helfer brauchen. Dann kann jeder mit seinen Entwicklertools schauen, wo die Probleme sind.
 
Zurück
Oben