Autor |
Nachricht |
stobe
Threadersteller
Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 13.02.2005 18:17
Titel [html] Tabelle zentrieren?! |
|
|
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> |
|
|
|
|
|
mcbethy
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht:
|
Verfasst So 13.02.2005 18:35
Titel
|
|
|
Was tust du denn da auch?
In den Table-Tag kommt der Befehl align="center". Und fertig. Knall das mal hinter cellpadding=0.
Viel Erfolg noch.
|
|
|
|
|
Anzeige
|
|
|
stobe
Threadersteller
Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 13.02.2005 18:41
Titel
|
|
|
mcbethy hat geschrieben: | In den Table-Tag kommt der Befehl align="center". Und fertig. |
Die Tabelle bleibt unverändert - da is nix im Zentrum...
Kann der Fehler auch im css begraben sein?
|
|
|
|
|
eskimojane
Dabei seit: 12.02.2005
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 13.02.2005 18:49
Titel
|
|
|
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.
|
|
|
|
|
stobe
Threadersteller
Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 13.02.2005 18:55
Titel
|
|
|
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;
} |
|
|
|
|
|
mcbethy
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht:
|
Verfasst So 13.02.2005 20:35
Titel
|
|
|
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?
|
|
|
|
|
stobe
Threadersteller
Dabei seit: 13.08.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 14.02.2005 20:17
Titel
|
|
|
Erstmal danke für die Hilfestellung hier!
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...
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.
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.
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 14.02.2005 20:32
Titel
|
|
|
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.
|
|
|
|
|
|
|
|
Ä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)
|
|