Tabelle variable Höhe oben und unten

**TobyM** · 18.04.2004, 13:34

Du könntest deiner vorhandenen Table noch den tag valing="middle" [was aber glaube ich nicht bei jedem Browser geht?!?] verpassen!

**wahsaga** · 18.04.2004, 15:38

Original geschrieben von TobyM
Du könntest deiner vorhandenen Table noch den tag valing="middle" [was aber glaube ich nicht bei jedem Browser geht?!?] verpassen!

- das ist kein tag, sondern ein attribut
- es heisst valign, nicht valing
- formatierungen mit HTML-attributen zu machen, ist obsolet. nutze CSS stattdessen.

**TobyM** · 18.04.2004, 20:15

Sorry - Ich war noch müde als ich das geschrieben habe ;-)

aber, wahsaga du hättest wenigstens eine lösung präsentieren können, wenn du meine [ironie]ach so veraltete[/ironie] methode nicht magst *g*

**mchashi** · 18.04.2004, 21:09

lösung

hat denn keiner eine lösung?

auf http://www.inloox.de die haben das so, wie ich das auch möchte.

danke für eure hilfe ...

**TobyM** · 18.04.2004, 21:41

Naja - dann schau's dir doch einfach von dort ab

Die dort haben eine table gemacht, wo sie rechts und links je 30% des bildschirms einem platzhalter gegeben haben (ihr background quasi)
und mit width="750" haben sie ihren Inhalt definiert!
und in der nächsten tablerow [<tr>] haben die dort dann oben nochmals 30% platzhalter ... somit haben die quasi ein konstrukt geschaffen, wo nur die mitte von diesen Tables frei ist und mit Inhalt gefüllt werden kann!

kannst es ja einfach von dort nachbauen .)

**mchashi** · 18.04.2004, 23:05

schon klar

danke tobi, doch mit der breite habe ich kein problem, siehe mein code oben.

die höhe ist mein problem. die website ist vertikal immer in der mitte, egal welche bildschirmauflösung man hat. der obere und untere abstand passt sich immer dem platz so an, dass die website in der mitte ist.

so ist es verständlicher, was ich wissen möchte.
kann da noch wer helfen?

**wahsaga** · 19.04.2004, 09:10

Original geschrieben von TobyM
aber, wahsaga du hättest wenigstens eine lösung präsentieren können, wenn du meine [ironie]ach so veraltete[/ironie] methode nicht magst *g*

ich hab ihm doch gesagt, dass er das mit CSS machen soll.

**Kropff** · 19.04.2004, 16:37

also table height="100%" geht zwar,sollte aber nicht benutzt werden.
probier mal folgendes:

PHP-Code:


.rahmen

{

          position: absolute;

          left: 50%;

          top: 50%;

          margin-left: -370px;

          margin-top: -210px;

          width: 740px;

          height: 420px;

}

und dann

PHP-Code:


<div class="rahmen">

<!-- hier kommen dann deine Tabellen rein -->

</div>

gruss
peter

**mchashi** · 19.04.2004, 19:11

leider nicht

hi,

danke für den css code, doch das geht nicht.

wenn ich mir das anschaue, ist die Tabelle viel zu weit unten.
außerdem weiß ich nicht, ob es so variabel für alle bildschirmauflösungen wäre...

doch wahsage, wie würdest du es denn machen?
das würde mich schon mal interessieren, denn du sagst du weißt wie es geht.

wäre echt froh, wenn wir das rätsel jetzt mal lösen könnten...

**mchashi** · 19.04.2004, 19:18

rätsels lösung...

für alle die es auch benötigen, hier der beispiel code

PHP-Code:


<html>

<head>

<title>Unbenanntes Dokument</title>

</head>



<body>

<table class="rahmen" width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td height="50%">&nbsp;</td>

    <td height="50%" width="750">&nbsp;</td>

    <td height="50%">&nbsp;</td>

  </tr>

  <tr>

    <td height="579">&nbsp;</td>

    <td width="750" height="579"><img src="Unbenannt-2.gif" width="750" height="579"></td>

    <td height="579">&nbsp;</td>

  </tr>

  <tr>

    <td height="50%">&nbsp;</td>

    <td height="50%" width="750">&nbsp;</td>

    <td height="50%">&nbsp;</td>

  </tr>

</table>

</div>

</body>

</html>

viel spass noch

gruß
mchashi.

**Happy Nihilist** · 19.04.2004, 20:09

Absoluter Murks. Davon kann man nur abraten!

**mchashi** · 19.04.2004, 20:44

hast recht

stimmt, code war scheisse.

habe ihn nochmal überarbeitet. so ist es gut und klappt jetzt auch im mozilla.

PHP-Code:


<html>

<head>

</head>

<body style="margin: 0px;">

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

      <tr>

        <td width="100%" height="100%" align="center" valign="middle">

            <table width="750" border="0" cellpadding="0" cellspacing="0">

                <tr>

                    <td><img src="Unbenannt-2.gif" width="750" height="579"></td>

                </tr>

            </table>

        </td>

    </tr>

</table>

</body>

</html>

Tabelle variable Höhe oben und unten