Ergebnis 1 bis 1 von 1

Thema: Problem Tabellenlayout

  1. #1
    eni_84
    Gast

    Standard Problem Tabellenlayout

    Hallo,
    ich wende mich jetzt mal vertrauensvoll an euch, in der Hoffnung, dass ihr einen HTML-Einsteiger wie mir helfen könnt.
    Und zwar bin ich gerade dabei eine Homepage zu erstellen.
    Der Quelltext:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Language" content="de">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Handball TKJ Sarstedt</title>
    <link rel="stylesheet" type="text/css" href="format.css">
    </head>
    <body>
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td rowspan="3" height="120" width="250 px" id="logo"></td>
    <td height="33px" width="206 px" class="menue_oben">  was ist sonst los  </td>
    <td height="33px" width="131px" class="menue_oben">  trainingszeiten  </td>
    <td height="33px" width="131px" class="menue_oben">  sponsoren  </td>
    <td height="33px" width="131px" class="menue_oben">  ansprechpartner  </td>
    <td rowspan="3" height="120" width="250px" id="bogen_rechts"></td>
    </tr>
    <tr>
    <td height="33px" width="131px" class="menue_oben"></td>
    <td height="33px" width="131px" class="menue_oben">  g&auml;stebuch  </td>
    <td height="33px" width="131px" class="menue_oben">  forum  </td>
    <td height="33px" width="131px" class="menue_oben">  impressum  </td>
    </tr>
    <tr>
    <td colspan="4" height="54" id="bogen_unten"></td>
    </tr>
    <tr>
    <td rowspan="2" height="*" width="250px" id="menue"> </td>
    <td height="33" width="206px" align="right">  mannschaft  </td>
    <td height="33" width="131px" align="right">  spielplan  </td>
    <td height="33" width="131px" align="right">  tabelle  </td>
    <td height="33" width="131px" align="right"></td>
    <td rowspan="2" height="*" width="250px" id="bildleiste"></td>
    </tr>
    <tr>
    <td height="495px" width="524px" colspan="4" class="hauptteil"></td>
    </tr>
    <tr class="hauptteil">
    <td height="120px" width="250px" id="unten_links"></td>
    <td colspan="4" height="100px" id="unten_mitte"></td>
    <td height="120px" width="250px" id="unten_rechts"></td>
    </tr>
    </table>
    </body>
    </html>
    Und die dazugehörige CSS-Datei:
    Code:
    body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul &#123;font-family&#58; "Trebuchet MS", Arial, Helvetica, sans-serif;&#125;
    body,td,div,p,pre,ul &#123;font-size&#58; 13px;&#125;
    h1 &#123;font-size&#58; 18px;&#125;
    h2 &#123;font-size&#58; 16px;&#125;
    h3 &#123;font-size&#58; 13px;&#125;
    .small &#123;font-size&#58; 12px;&#125;
    .mini &#123; font-size&#58; 11px;&#125;
    .minimini &#123;font-size&#58; 10px;&#125;
    a &#123; font-size&#58; 13px; text-decoration&#58; none; font-weight &#58; bold;&#125;
    a&#58;link &#123;color&#58;#000000&#125;
    a&#58;visited &#123; color&#58;#000000&#125;
    a&#58;active &#123;color&#58;#000000&#125;
    a&#58;hover&#123;color&#58; #000000;&#125;
    
    #logo &#123; background-image&#58; url&#40;bilder/oben_links.jpg&#41;;background-position&#58; center bottom;background-repeat&#58; no-repeat;&#125;
    #bogen_unten &#123;background-image&#58; url&#40;bilder/oben_mitte.jpg&#41;;background-position&#58; center bottom;background-repeat&#58; no-repeat;&#125;
    #bogen_rechts &#123; background-image&#58; url&#40;bilder/oben_rechts.jpg&#41;;&#125;
    #menue &#123;background-color&#58; #C5BABC;&#125;
    #hauptteil &#123;background-color&#58; White;overflow&#58; scroll;&#125;
    #bildleiste &#123; background-color&#58; #C5BABC;&#125;
    #unten_links &#123; background&#58; #FF0030;&#125;
    #unten_mitte &#123; background&#58; #C5BABC;&#125;
    #unten_rechts &#123; background&#58; #C5BABC;&#125;
    .menue_oben &#123; background-color&#58; #FF0030;text-align&#58; right;&#125;

    Nun meine Probleme:
    1. Die Seite soll dynamisch werden, also ich meine für jede Bildschirmauflösung, aber wenn ich anstatt px Prozente angebe, dann schiebt er mir alles zusammen auf ein kleines Minimum in der Höhe. Wo ist mein Fehler?
    2. Wie kann ich die Grafiken einbinden, so dass dort nicht diese komischen Lücken sind wie auf dem Screenshot im Anhang? Wie kann ich es erreichen, dass die sich auch automatisch verkleinern, bzw. einfach immer die Tabellenfelder ausfüllen?

    Wisst ihr, was ich meine? - Wenn nicht, muss ich nochmal versuchen es besser zu erläutern.
    Im Moment komme ich einfach nicht mehr weiter!
    Ich weiß einfach nicht, woran das liegt.
    Wichtig... ich möchte die Tabellen nciht in CSS machen, ich war schon froh, dass ich es jetzt soweit schon erstellen konnte und hoffe nun, dass es nur noch "Kleinigkeiten" sind, die mir für mein Grundgerüst fehlen?!

    Also, über Antworten würde ich mich freuen.

    Schöne Grüße aus Hannover
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

Ähnliche Themen

  1. IE zeigt tabellenlayout nicht richtig an!
    Von rasphilos im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 06.06.2008, 23:00
  2. Kann mir wer nen Tabellenlayout erstellen???
    Von echo91 im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 26.01.2007, 16:41
  3. Tabellenlayout <div> / CSS
    Von im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 24.09.2006, 21:02
  4. Tabellenlayout -> Umfließender Text
    Von im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 04.10.2005, 14:16
  5. problem mit tabellenlayout
    Von hermes im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 14.09.2005, 16:42

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •