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...


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:26 Uhr.

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