Zwei PHP-Dateien nebeneinander includen

Hey,
doch ich habe den Rat auch schon befolgt, als er von Maik kam, aber auch da hat er nicht geklappt und deswegen habe ich ihn wieder rückgängig gemacht.
Wenn ich es mache, werden die beiden Seiten immer noch untereinander angezeigt.
Zum Beweis:
http://www.csc-hollen.de/ftc/haupt.php


Und nun? :suspekt:


Gruß
Reno
 
Hi,

das eine (IDs vs. CSS-Klassen) hat mit dem anderen (Funktionalität eines zweispaltigen Layouts) nichts zu tun.

Ich schlage dir mal Folgendes vor, um ein zweispaltiges Layout umzusetzen:

Code:
<style type="text/css">
<!--
div.wrapper {
width: 840px;
margin: 0 auto;
}

div.leftCol {
float: left;
width: 420px;
}

div.rightCol {
float: right;
width: 420px;
text-align: center;
}
-->
</style>
Und hier das dazugehörige HTML-Markup:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="page.css">
<style type="text/css">
<!--
div.wrapper {
width: 840px;
margin: 0 auto;
}

div.leftCol {
float: left;
width: 420px;
}

div.rightCol {
float: right;
width: 420px;
text-align: center;
}
-->
</style>
</head>
<body>

<div class="wrapper">
<div class="leftCol">

<table class="news1" width="410" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="newseigenschaften" border="0">
                  &nbsp;
09.01.2007                  </td>
    </tr>
          <table width="410" cellpadding="3" cellspacing="0" class="news2">
                     <tr>
                                          <td valign="top" border="1">
                                        <img src="images/news1.gif" alt="news1" />
                                        </td>
                                        <td>
                                        <div class="newstitel"><b>
Rückrundenstart                                        </b></div>
                                        <div class="newsinhalt">
                                        Ab heute geht es für die 1.Herren wieder los mit der Rückrunde. Diese wird mit dem ersten Training um 19:45Uhr eingeleitet. In den nächsten Wochen stehen dann noch folgende Freundschaftsspiele an:<br />
<br />
19.01.07 Hollen - Neufirrel  <br />
21.01.07 Dangastermoor - Hollen<br />
23.01.07 Hollen - Schwerinsdorf<br />
26.01.07 Hollen - Strackholt<br />
<br />
Gruß<br />
Ernest H.
                                        </div>
                                        </td>
                                </tr>
                  </table>
</table>

<table class="news1" width="410" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="newseigenschaften" border="0">
                  &nbsp;
08.01.2007                  </td>
    </tr>
          <table width="410" cellpadding="3" cellspacing="0" class="news2">
                     <tr>
                                          <td valign="top" border="1">
                                        <img src="images/news3.gif" alt="news3" />
                                        </td>
                                        <td>
                                        <div class="newstitel"><b>
Hobby-Volleyballtunier                                        </b></div>
                                        <div class="newsinhalt">
                                        Auch dieses Jahr fand wieder das alljährliche Hobbyvolleyballtunier des FTC Hollen statt. Hier die TOP 3:<br />
<br />
1.Maldauers<br />
2.Chicago Bulls<br />
3.Volleyball-Damen<br />
<br />
Gruß<br />
Henzi Wrangler
                                        </div>
                                        </td>
                                </tr>
                  </table>
</table>

<table class="news1" width="410" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="newseigenschaften" border="0">
                  &nbsp;
07.01.2007                  </td>
    </tr>
          <table width="410" cellpadding="3" cellspacing="0" class="news2">
                     <tr>
                                          <td valign="top" border="1">
                                        <img src="images/news2.gif" alt="news2" />
                                        </td>
                                        <td>
                                        <div class="newstitel"><b>
Frohes neues Jahr                                        </b></div>
                                        <div class="newsinhalt">
                                        Liebe Sportlerinnen,<br />
liebe Sportler,<br />
liebe Trainer, Betreuer und Helfer,<br />
liebe Mitglieder,<br />
liebe Gäste,<br />
<br />
2006 war ein ganz besonderes Sportjahr. Es wurde überstrahlt von einer Fußball-Weltmeisterschaft, die die Welt fasziniert und Deutschland von seiner besten Seite gezeigt hat, auch unser Sportverein wurde mitgerissen und die sportlichen Erfolge spiegeln sich in den  aktuellen Tabellen unserer Sparten bei den Herren und der Jugend wieder. Für diese Leistung, möchte ich mich nochmals herzlich bei allen Beteiligten bedanken und hoffe auf eine Fortsetzung dieser Arbeit in der Rückrunde.<br />
<br />
Für das Jahr 2007 wünsche ich Ihnen die Erfüllung ihrer Wünsche; uns allen Frieden, Gesundheit, Tatkraft und Zufriedenheit.<br />
<br />
Im Namen des Vorstandes<br />
Reno Willhaus
                                        </div>
                                        </td>
                                </tr>
                  </table>
</table>

<table class="news1" width="410" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="newseigenschaften" border="0">
                  &nbsp;
04.11.2006                  </td>
    </tr>
          <table width="410" cellpadding="3" cellspacing="0" class="news2">
                     <tr>
                                          <td valign="top" border="1">
                                        <img src="images/news1.gif" alt="news1" />
                                        </td>
                                        <td>
                                        <div class="newstitel"><b>
Unentschieden gegen Neermoor                                        </b></div>
                                        <div class="newsinhalt">
                                        Im vorletzten Spiel der Hinrunde, kam die 1.Herren leider nicht über ein 2:2 gegen Concordia Neermor hinaus. Allerdgins wird die Elf von Uwe Heyenga auf einem guten 6ten Platz überwintern und behält damit alle Aufstiegschancen im nächsten Jahr, da das letzte Spiel der Hinrunde gegen Ockenhausen auf den 04.02.2007 verschoben wurde.<br />
<br />
Gruß<br />
Forrest G.
                                        </div>
                                        </td>
                                </tr>
                  </table>
</table>

</div><!-- END .leftCol -->

<div class="rightCol">
        <a href="index.php?section=admin" target="_blank">&gt;&gt; Admin &lt;&lt;</a>
                  <br><br>

<table class="tabellen" cellpadding="0" cellspacing="0" align="center">
                <tr>
                        <td class="tabellenkopf" width="215" bgcolor="#CCCCCC" border="1">
                        &nbsp;Nächstes Spiel I.Herren
                        </td>
                </tr>
                <tr>
                        <td class="tabellenspiel" align="center" height="18">
                        <b>VFL Ockenhausen - FTC Hollen</b>
                        </td>
                </tr>
                <tr>
                        <td class="tabellenspiel" align="center" height="18">
                        Sonntag, 04.02.2007<br>
                        Anpfiff: 15 Uhr
                        </td>
                </tr>
</table>
<br>
<table class="tabellen" cellpadding="0" cellspacing="0" align="center">
                <tr>
                        <td class="tabellenkopf" width="215" bgcolor="#CCCCCC" border="1">
                        &nbsp;Letztes Spiel I.Herren
                        </td>
                </tr>

                <tr>
                        <td class="tabellenspiel" align="center" height="18">
                        FTC Hollen - Conc. Neermoor
                        </td>
                </tr>

                <tr>
                        <td class="tabellenspiel" align="center" height="100%">
                        <img src="images/ergebnis/bgl.gif"><img src="images/ergebnis/2.gif"><img src="images/ergebnis/mitte.gif"><img src="images/ergebnis/2.gif"><img src="images/ergebnis/bgr.gif">
                        </td>
                </tr>

</table>
<br>
<table class="tabellen"  cellpadding="0" cellspacing="0" align="center">

                <tr>
                        <td class="tabellenkopf" width="215" bgcolor="#999999" border="1">
                        &nbsp;Tabelle: 1.Kreisklasse Leer
                        </td>
                </tr>

                <tr>
                        <td class="tabellenspiel" border="1">
                        &nbsp; <strong>Mannschaft &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Sp Tore Pkt</strong>
                        </td>
                </tr>

                <tr>
                        <td class="tabellenspiel">
                        <iframe name="tabelle" src="lmo/addon/mini/lmo-minitab.php?mini_liga=liga1.l98&amp;mini_ueber=16&amp;mini_unter=16&amp;mini_template=all" frameborder="0" marginwidth="0" marginheight="0" width="215" height="290" scrolling="no"></iframe>
                        </td>
                </tr>
</table>
<br>
<table class="tabellen" cellpadding="0" cellspacing="0" align="center">
                <tr>
                        <td class="tabellenkopf" width="215" bgcolor="#CCCCCC" border="1">
                        &nbsp;Nächstes Spiel II.Herren
                        </td>
                </tr>
                <tr>
                        <td class="tabellenspiel" align="center" height="18">
                        <b>FTC Hollen II - SV Stikelkamp</b>
                        </td>
                </tr>
                <tr>
                        <td class="tabellenspiel" align="center" height="18">
                        Sonntag, 10.02.2007<br>
                        Anpfiff: 16 Uhr
                        </td>
                </tr>
</table>
<br>
<table class="tabellen" cellpadding="0" cellspacing="0" align="center">
                <tr>
                        <td class="tabellenkopf" width="215" bgcolor="#CCCCCC" border="1">
                        &nbsp;Letztes Spiel II.Herren
                        </td>
                </tr>

                <tr>
                        <td class="tabellenspiel" align="center" height="18">
                        FTC Hollen II - TUS Collinghorst
                        </td>
                </tr>

                <tr>
                        <td class="tabellenspiel" align="center">
                        <img src="images/ergebnis/bgl.gif"><img src="images/ergebnis/0.gif"><img src="images/ergebnis/mitte.gif"><img src="images/ergebnis/1.gif"><img src="images/ergebnis/bgr.gif">
                        </td>
                </tr>

</table>

</div><!-- END .rightCol -->
</div><!-- END .wrapper -->

</body>
</html>
 
Hi,
ok danke.
Hat geklappt.
Siehe hier

Aber die rechte Tabelle, hängt leider etwas runter, wie bekomme ich das noch hin?

Gruß
Moleman

EDIT: Ich habe es jetzt auf die Hauptseite eingebunden: >>HIER<<
Allerdings hängt die oberste News nun ein wenig tiefer als der Rest und sie hat rechts keinen Rand. Warum?
 
Zuletzt bearbeitet:
Hi,

dass der oberster "News"-Block etwas tiefer beginnt, liegt lediglich an dem vorangestellten <br>-Tag.

Du solltest aber nochmal unbedingt einen Blick in den ausgegebenen HTML-Code werfen, denn du includest da mehrmals ein HTML-Grundgerüst in das Dokument, was nicht regelkonform ist.

Vergleiche hierzu einfach nochmal meinen gestern geposteten HTML-Code.
 
Hi,
welches <br> meinst du?
Wenn ich das aus der news.php weglasse, rutscht die erste News komplett nach oben und die nachstehenden stehen auch direkt ohne unterbrechung untereinander.

Und zu dem Code muss ich sagen, dass ich keine Ahnung habe, warum sich dieses:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
</body>
</html>

immer wiederholt.
Die einzelnen Dateien sind alle PHP-Dateien und haben diesen Header und HTML-Bereich nicht im Quellcode stehen.

Wäre schön wenn ihr mir da auch noch helfen könntet.
Auf jeden Fall bis jetzt schon mal vielen Dank an alle. :)

Gruß
Moleman
 
Ich rede von diesem hier:

Code:
<div class="leftCol">
<table>
    <tr>
        <td><br>
        <link rel="stylesheet" type="text/css" href="page.css" />
<table class="news1" width="408" border="0" cellspacing="0" cellpadding="0">
...
Entweder notierst du es in der news.php unterhalb der Tabelle, oder du definierst im Stylesheet für die Tabelle .news1 mit margin-bottom einen unteren Außenabstand zum nachfolgenden Element, was die elegantere Methode wäre.

In einer der includeten Dateien wird das HTML-Grundgerüst wohl notiert sein, ansonsten würde es nicht am laufenden Band in das "Hauptdokument" eingebunden werden.
 
Ja wenn ich das <br> hinausnehme und nach unten packe, ist der Abstand zwischen den News natürlich wieder vorhanden, aber die oberste News sitzt direkt unter dem Menü, also zu hoch. Es sind ja nur ein Pixel die die erste News zu tief liegt und kein ganzer Zeilenumbruch.
Kann das woanders dran liegen?

Gruß
Moleman
 
Dann probier es mal in der umschliessenden Tabelle mit den Attributen cellpadding="0" und cellspacing="0":

Code:
<div class="leftCol">
<table cellpadding="0" cellspacing="0">
    <tr>
       <td><br>
             <table class="news1" width="408" border="0" cellspacing="0" cellpadding="0">
...
 
Zurück