mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 10:34 Benutzername: Passwort: Auto-Login

Thema: [html] Tabelle zentrieren?! vom 13.02.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [html] Tabelle zentrieren?!
Seite: 1, 2  Weiter
Autor Nachricht
stobe
Threadersteller

Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 13.02.2005 18:17
Titel

[html] Tabelle zentrieren?!

Antworten mit Zitat Zum Seitenanfang

Da ich in Sachen NonPrint, im jetztigen Fall HTML, kaum Ahnung habe, und nun grundlegende Befehle zu erlernen versuche,
bin ich auch schon wieder beim ersten Problemchen angelangt:

Ich möchte die Haupttabelle, die zwei Untertabellen enthält, im Browser zentrieren. Nur funktioniert das Ganze
nicht so, wie sich das der kleine Stefan vorstellt. Was mache ich falsch?

Wäre sehr dankbar für Hilfe.

Gruß

Code:
<html>

<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body leftmargin=0 topmargin=0 marginheight=0 marginwidth=0>
   <center>   
      <table class="frame_top" width=500 height=400 cellspacing=10 cellpading=0>
         <center>
            <tr>
               <td class="frame_top" height=50%>test_01</td>
            </tr>
            <tr>
               <td class="frame_top" height=50%>test_02</td>
            </tr>
         </center>
      </table>
   </center>
</body>

</html>
  View user's profile Private Nachricht senden
mcbethy

Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht: Weiblich
Verfasst So 13.02.2005 18:35
Titel

Antworten mit Zitat Zum Seitenanfang

Was tust du denn da auch? *zwinker*
In den Table-Tag kommt der Befehl align="center". Und fertig. Knall das mal hinter cellpadding=0.

Viel Erfolg noch.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
stobe
Threadersteller

Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 13.02.2005 18:41
Titel

Antworten mit Zitat Zum Seitenanfang

mcbethy hat geschrieben:
In den Table-Tag kommt der Befehl align="center". Und fertig.

Die Tabelle bleibt unverändert - da is nix im Zentrum... *Schnief*

Kann der Fehler auch im css begraben sein?
  View user's profile Private Nachricht senden
eskimojane

Dabei seit: 12.02.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst So 13.02.2005 18:49
Titel

Antworten mit Zitat Zum Seitenanfang

jein.

nein --> deine html-formatierungen überschreiben die css-formatierung wieder.
ja --> schau dir die formatierung der container an (in deinem fall vermutlich der body- und html-tag).

überhaupt wieso benutzt du ein externes stylesheet, wenn du hinterher doch html-formatierungen einfügst?
dass es da auf dauer überschneidungen gibt, ist ja logisch.

wäre außerdem hilfreich, wenn du mal die css-angaben posten würdest. *zwinker*
  View user's profile Private Nachricht senden
stobe
Threadersteller

Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 13.02.2005 18:55
Titel

Antworten mit Zitat Zum Seitenanfang

Das stylesheet kommt hauptsächlich wegen des Rahmens zum Einsatz.

Code:
.frame_top
{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 9px;
   
      background-color: #ffffff;
      padding-top: 6px;
      padding-bottom: 6px;
      padding-left: 6px;
      padding-right: 6px;
      vertical-align: top;
      
      border-top-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-width: 1px;
   
      border-top-style: inset;
      border-bottom-style: outset;
      border-left-style: inset;
      border-right-style: outset;

      border-top-color: #000000;
      border-bottom-color: #000000;   
      border-left-color: #000000;
      border-right-color: #000000;
}
  View user's profile Private Nachricht senden
mcbethy

Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht: Weiblich
Verfasst So 13.02.2005 20:35
Titel

Antworten mit Zitat Zum Seitenanfang

Ich habe mal beides kopiert. Bei mir wird die Tabelle zentriert, im IE 6 und im Firefox 1.0.
An deiner Stelle würde ich trotzdem die Center-Tags rausnehmen und stattdessen ein Stylesheet wür den Body-Tag schreiben.
Das könnte dann so aussehen:

Code:

body{margin:0; padding:0;font-family:blabla;font-size:9px;text-align:center;}
table{margin:auto;}

Dann wird die Tabelle auch zentriert. table{margin:auto;} ist für den Firefox wichtig. Ansonsten zentriert er die Tabelle nicht.

Hilft dir das weiter?
  View user's profile Private Nachricht senden
stobe
Threadersteller

Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 14.02.2005 20:17
Titel

Antworten mit Zitat Zum Seitenanfang

Erstmal danke für die Hilfestellung hier! Lächel
Weiß ich echt zu schätzen.

So, nun zur Tatsache: Langsam bekomm ich hier die Krise.
Hab das jetzt wie m letzten post von mcbethy beschrieben versucht,
aber das funzt nicht. Keine Ahnung was ich dabei falsch mache... *hu hu huu*

Habs jetzt mal ohne stylesheet einwenig anders probiert und war eigetnlich fest
davon überzeugt, eine zentrierte Tab auf meinem Schirm zu sehen - denkste.

Bitte schaut euch mal den Code an, bevor ich meinen Lapi zertrümmere. *Schnief*
Was zum Henker mache ich falsch?

Thanks


Beschreibung: Die Haupttabelle soll eine Untertabelle (zweigeteilt) enthalten,
welche zentriert dargestellt wird.

Code:
<html>

<head>
</head>

<body>

<table border"2" align="center" valign="middle" width="100%" height="100&">
 <tr>
  <td>
   <table border="2" align="center" valign="middle" width="600" height="400">
    <tr>
     <td border="2" width="600" height="200">test_01</td>
    </tr>
    <tr>
     <td border="2" width="600" height="200">test_02</td>
    </tr>         
   </table>
  </td>
 </tr>
</table>

</body>
</html>


Der fette Border ist jetzt nur zur optischen Kontrolle gedacht. *zwinker*
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 14.02.2005 20:32
Titel

Antworten mit Zitat Zum Seitenanfang

ich weiß jetzt nicht was du genau willst, aber schätze mal das hier:

Code:
<table border"2" align="center" valign="middle" width="100%" height="100%">
  <tr>
  <td>
   <table border="2" align="center" valign="middle" width="600" height="400">
    <tr>
     <td border="2" width="600" height="200">test_01</td>
    </tr>
    <tr>
     <td border="2" width="600" height="200">test_02</td>
    </tr>         
   </table>
  </td>
 </tr>
</table>


du hattest als höhe 100& angegeben - es muß aber 100% heißen.
  View user's profile Private Nachricht senden
 
Ähnliche Themen HTML-Datei zentrieren mit QuarkXpres?
[html] inhalt in der mitte zentrieren / ausrichten
HTML Seite zentrieren - wie macht man es richtig?
html tabelle
Tabelle HTML/PHP
MYSQL Tabelle in HTML (php)
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.