WCM Forum

WCM Forum (http://www.wcm.at/forum/index.php)
-   Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)
-   -   Problem mit CSS und Tabellen (http://www.wcm.at/forum/showthread.php?t=153741)

hewlett 21.12.2004 17:30

Problem mit CSS und Tabellen
 
Hi Leute,

ich hab folgendes Problem:
Um meine Webseite immer zentriert auszugeben habe ich eine große Tabelle (breite und höhe 100%) angelegt und darin dann nochmal eine Tabelle wo ich meine Elemente plazieren will. Folgender HTML Code:
Code:

<table border width="100%" heigth="100%">
<table border width=700 valign="middle" align="center">

<div id="box1">
<table border="1" style="border-collapse: collapse" bordercolor="#000000">
        <tr>
                <td width=120>test</td>
        </tr>
        <tr>
                <td>
                link

                link1
                </td>
        </tr>
</table>
</div>

</table>
</table>

oben in der html datei hab ich natürlich auch noch folgenden code:
Code:

<!--
body { }
#box1 { position:relative; top:0px; left:0px;}
-->

Jetzt positioniert er mir aber die tabelle (box1) nicht in der 700px breiten Tabelle wo ich sie hinhaben will, sondern ganz aussen, eben auf Koordinaten 0,0.

Kann mir vielleicht jemand helfen?

T.dot 21.12.2004 17:37

naja, is ja auch kein gültiger html-source ;)

dein <table><table> darf ned sein

muss
Code:

<table>
  <tr>
    <td>
      <table>
        <tr>
          <td>text</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

heißen...

was du mit dem ganzen bezweckst versteh ich zwar nicht, aber macht ja nix ;)

normalerweiße macht man sowas eher mit css, dazu findest eh in der forumssuche einiges.

mfg Thomas

cruchot 21.12.2004 17:40

thats right...

hewlett 21.12.2004 17:40

damit das ganze immer zentriert ist, d.h. ganz egal welche auflösung der benutzer fährt!

Die äußere Tabelle ist 100% groß und darin hab ich dann noch eine tabelle mit der größe die ich haben will und die zentriere ich in die mitte!

T.dot 21.12.2004 17:43

1. height 100% funktioniert nicht in allen Browsern und 100% breit hat wenig sinn, wennst es dann auf 700px eingrenzt.

würd reichen wenn du deine div-box mit width 700 und text-align:center versiehst:

<div style="width:700px;text-align:center">
<table>
....
</table>
</div>

mfg Thomas

@Cruchot: na scho wieder posting schinden ;)

hewlett 21.12.2004 17:45

Zitat:

Original geschrieben von T.dot
1. height 100% funktioniert nicht in allen Browsern und 100% breit hat wenig sinn, wennst es dann auf 700px eingrenzt.

würd reichen wenn du deine div-box mit width 700 und text-align:center versiehst:

<div style="width:700px;text-align:center">
<table>
....
</table>
</div>

mfg Thomas

@Cruchot: na scho wieder posting schinden ;)

d.h. bei deiner variante ist die tabelle dann immer zentriert?
Und wenn ich in dieser tabelle noch weitere tabellen plazieren will?

T.dot 21.12.2004 17:52

sorry, kleiner denkfehler meinerseits, muss natürlich:

<div style="width:700px;margin:auto">
<table style="width:100%">
<tr>
<td style="text-align:left">links</td>
<td style="text-align:right">rechts</td>
</tr>
</table>
</div>

heißen ;)

mit margin:auto zentriert er das div. (automatischer randabstand wird von links und rechts gleich gewählt)

in dem div kannst du dann machen, was du willst ;) musst halt immer 100% angeben, wenn die tabelle 100% breit sein soll.

hewlett 21.12.2004 17:55

ich will z.b. in der tabelle dann links ein paar kleine tabellen haben für die einzelnen menüpunkte, oben eine für das logo und halt rechts dann eine große für den inhalt!

T.dot 21.12.2004 18:02

Stellt kein Problem dar.

Ob du alles mit Tabellen oder mit divs macht, bleibt dir überlassen.

Jaguar 21.12.2004 19:37

Mit Tabellen macht man heute keine Layouts mehr. Schau dir mal CSS an...

T.dot 21.12.2004 20:04

Also das halte ich für eine sehr pauschalisierte Aussage. An vielerlei Stellen werden noch Tabellen eingesetzt, weils einfach bequemer ist und so schlecht sind Blindtabellen auch nicht.
Ich habe versucht bei einem neuen Projekt komplett mit CSS Positionierung zu arbeiten und bin einfach daran gescheitert, dass man nur durch irgendwelche unlogische Tag-Setzung die Browser dazubringt die Sachen so anzuzeigen, wie man sie gerne hätte. Daran sind zwar die Browserhersteller schuld und nicht CSS, aber hier seh ich das Problem.

Deswegen verwende ich jetzt statt dem Framedesign zwar CSS (da ich es schlußendlich mal hingekriegt hab), für alles andere aber Tabellen, wenns zb darum geht 10 Eingabefelder mit Bezeichnung daneben schön untereinander zu platzieren.

mfg Thomas

Jaguar 21.12.2004 20:19

... ist es definitiv nicht ... für eine 1-Seiten Homepage vielleicht, aber sobald die Seite umfangreicher und oft verändert wird wünsch ich dir mit Tabellen und Frames viel Spaß.

Zu CSS: Gibt genug Seiten im Netz mit Tipps und Tricks im Netz, die einem dabei helfen und wo man sich das eine oder andere auch mal abgucken kann. Ist immer wieder erstaunlich was manche Leute für Effekte nur mit bissl CSS Coder hervorzaubern.

http://www.cssbeauty.com/
http://www.stylegala.com/
http://www.bartelme.at/
http://cssvault.com/
http://csszengarden.com/

T.dot 21.12.2004 21:20

1. hab ich nie gesagt das ich frames verwende, verwende ich auch nicht mehr.

2. verwende ich sehrwohl css, aber nicht für jede art von positionierung. wenn ich auf jeder Seite ne Tabelle machen würde und deren Eigenschaften mit CSS-Classes einstelle macht das keinen Unterschied ob ich nem div eine CSS-Class zuweise.
Das habe ich aber vorher bereits ausgeführt.

3. ist CSS imho nicht das allheilmittel für optimales layout. manche leute sollten erst mal html lernen, bevor sie sich mit css beschäftigen. Ich kenne leute, die php programmieren und nicht mal wissen, wie man eine relative Pfadangabe für einen Hyperlink macht.

4. danke, dass du mir viel Spaß wünscht, den hab ich eigentlich bei meiner Seitenerstellung auch so.

mfg Thomas

snowman 22.12.2004 08:51

Zitat:

Original geschrieben von hewlett
ich will z.b. in der tabelle dann links ein paar kleine tabellen haben für die einzelnen menüpunkte, oben eine für das logo und halt rechts dann eine große für den inhalt!
wenn deine Menüleiste nicht eine andere Farbe als der Inhaltsbereich; dann geht es wunderbar und ohne viele Hacks nur mit CSS.

außerdem kann man auch Tabellen zentrieren; ich verstehe diese Hilfstabellen nicht; und auch dein div-container ist in diesem Fall sinnlos.

@ Jaguar
Dreispaltiges Layout mit jeweils unterschiedlichen durchgängigen Farben geht halt leider nur mit vielen Hacks. In diesem Bereich haben Tabellen durchaus noch Berechtigung.

gruss,
snowman

hewlett 22.12.2004 17:14

wie soll ichs dann machen? Ein Codebeispiel wäre super!

snowman 22.12.2004 18:40

Code:

<table width="550" align="center">
  <tr>
    <td>head</td>
  </tr>
</table>
<table width="550" align="center">
  <tr>
    <td width="100">menu</td>
    <td width="438">content</td>
  </tr>
</table>

Ich nehme mal an, du willst ein Codebeispiel für das Tabellenkonstrukt. Das oben ist die Grundstruktur; alle anderes Formatierungen kannst du wunderbar mit CSS machen (theoretisch und praktisch auch die Breitenangaben.)

gruss,
snowman


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:47 Uhr.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 2009 FSL Verlag