2 Tabellen Nebeneinander

  • Hallo,
    da ich derzeit dabei bin 2 Tabellen nebeneinander zu basteln, aber derzeit Probleme habe, würde ich mich freuen wenn man mir helfen könnte.

    Zu dem Problem: In Firefox funktioniert es, dass beide Tabellen nebeneinander angezeigt wereden so wie gewollt. Jedoch in IE und Opera z.B (getestet) werden die Tabellen untereinander angezeigt. Habe mich auch in zicht Forums bereits durchgesucht. Jedoch krieg ich die Lösung einfach nicht hin, dass auch IE und Opera die Tabellen nebeneinander anzeigen.

    Wo könnte der Fehler liegen, dass IE und Opera es nicht wie Mozilla Firefox nebeneinander anzeigen wollen ?


    Vielen Dank schonmal im vorraus.

    Liebe Grüße,
    T-Flash


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>******</title>
    <style type="text/css">
    body {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 100% 50%;
    background-image: url(img/bg.jpg);
    }
    .t1 {
    color: #00bffF;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    font-size: 20px;
    }
    .t2 {
    color: #F00;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    font-size: 30px;
    }
    .t3 {
    color: #b0e0e6;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    font-size: 20px;
    }
    body,td,th {
    font-weight: bold;
    }
    </style>
    </head>

    <body>
    <table style="float: left; margin-right: 12px;" width="70%" height="100%">
    <tr>
    <th width="70%" valign="left"><p><a href="http://*****.com/"><img src="img/banner-de.jpg" width="1558" height="83" /></a></p>
    <p><img src="img/status.jpg" width="1558" height="83" /></p>
    <center>
    <div style="background-color:black;
    width:600px;
    padding: 10px;
    margin: 15px;
    border-top: 11px green solid;
    border-right: 20px red double;
    border-bottom: 11px green solid;
    border-left: 20px red double;
    ">
    <div align="center">
    <?php include("index2-de.php"); ?>
    </div>
    </div></center>
    <div align="center">
    <p align="left" class="t1"><img src="img/icones_00728.png" width="122" height="84" /></p>
    <p class="t1"><strong>Achtung:<br />Unser **** startet jeden Morgen zwischen 4:58 Uhr und 5:05 Uhr (GMT+1), nach Deutscher Zeitzone ab.<br />
    Verbundene User bzw. User mit einer aktiven Verbindung werden zwischen dieser Zeit Ihre Verbindungen verlieren.<br />
    Bitte **** nichts von unseren **** zu dieser Zeit, oder verbindet euch in dieser Zeit nicht.<br />
    Vielen Dank!</strong> </p>
    <p class="t3"><u>In welchen Bereich würdet ihr einträten wollen ?<br />
    Bitte wählt eines davon weiter unten aus.</u></p>
    </div></th></tr></table>
    <table style="float:right;" width="30%" height="100%">
    <table width="30%">
    <tr>
    <td><div>
    <p><a href="http://*****/file/"><img src="img/dateien.jpg" width="150" height="181" align="middle" hspace="10" /></a></p>
    <p><a href="http://*****/photo/"><img src="img/fotos.jpg" width="150" height="181" align="middle" /></a></p>
    <p><a href="http://*****/audio/"><img src="img/musik.jpg" width="150" height="181" align="middle" hspace="10" /></a></p>
    <p><a href="http://*****.net/video/"><img src="img/video.jpg" width="150" height="181" align="middle" /></a></p>
    </div></td>
    </tr>
    </table>
    </body>
    </html>

  • Das Seitenlayout wird im Jahre 2013 nicht mehr mit Tabellen gestaltet (eben weil es diese ganzen Probleme der Positionierung und fehlenden Änderungsmöglichkeiten gab!).

    Wenn Du einen semantisch klar strukturierten Seitenaufbau hast, kannst du ihn viel leicht und flexibler gestalten.

    LG Matthias

  • Das Tabellen ansich out sein sollen ist mir bekannt.
    Aber ich wüsste hier an dieser Stelle nicht wie ich es sonst gestalten sollte.
    Ich habe in der einen Tabelle Text und Notizen. Während in der 2. Nur 4 Bilder mit Hyperlinks eingefügt sind.

    Wie würdest du diese beiden "Welten" nebeneinander positionieren dann ?

    LG, T-Flash.

  • Warum nicht Container mit jeweils festgelegter (Maximalbreite)?

    HTML:

    HTML
    <body>
        <article>
           Text und Notizen
        </article>
    
    
        <aside>
            4 Bilder mit links
        </aside>
    </body>

    CSS (kann man auch mit <style> ...</style> in den head packen)

    Die Texte und Bilder kannst du dann ebenfalls im css stylen.

    LG Matthias

    Einmal editiert, zuletzt von resteverwerter (14. September 2013 um 13:28)

  • Hört das eigentlich nie auf???

    Auszug aus den Forenregeln:

    Zitat

    Inhalt von Beiträgen:
    Forum-Hilfe behält sich das Recht vor, jederzeit Beiträge zu löschen, zu verschieben oder zu überarbeiten, die nicht den Forumsregeln entsprechen. Dies geschieht ohne vorherige Information des Verfassers. Die User ist alleine für die von ihnen publizierten Inhalte (Texte; Bilder oder andere Veröffentlichungen) verantwortlich und bestätigt auch damit, das er keine Copyrightgeschütze Werke und Texte hier im Forum veröffentlicht.
    Verboten oder auch unerwünscht sind folgende Inhalte:

    • extrem politisch oder religiös orientierte Postings
    • strafbare, pornographische, jugendgefährdende, beleidigende oder ehrverletzende Inhalte
    • Warez oder fremde copyrightgeschütze Werke
    • E-Mail Adressen
    • Songtexte
    • persönliche Angaben wie Telefonnummern, Adressen usw (diese bitte per PN austauschen)
    • oder anderweitig inakzeptabel Postings, die hier nicht erfasst wurden, aber gegen geltendes Recht, die guten Sitten, allgemeines Moralempfinden oder eben gegen die Forenregeln verstossen.
    • Crosspostings - die gleiche Frage in mehreren anderen Foren gleichzeitig stellen