ugrás a tartalomhoz

oldal középre helyezése

wifi196 · 2011. Már. 16. (Sze), 22.55
sziasztok
adodott egy problémám:
van egy html oldal és abba egy táblázat és ezt szeretném függölegesen és vízszintesen középre helyezni
válaszokat elöre is köszi
‹ Flash zenelejátszó automatikus indítás Safari + HTML5 Video? ›
 ■
1

a legegyszerűbb

ironwill · 2011. Már. 17. (Cs), 10.34
.. és egyetlen megoldás a sima középre pozícionálásra, mert csak a cella igazítható függőlegesen középre.
<table width="100%" height="100%" align="center">
  <tr>
    <td valign="center">
      <table width="50%" height="50%">
        <tr>
          <td>test</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
Esetleg varázsolhatsz js-el, vagy css-el. (Bár a css megoldás is arra épít, hogy a táblázat pozícionálható, ezért transzformálja a blokk elemet.. képmutatás..)

Vagy várhatsz, amíg a CSS3 elterjed, mert az már natívan támogatja minden elemre a függőleges pozícionálást is.

OFF
Oktatást köszönöm nem kérek, van bőven hely, mindenki elmondhatja a maga okosságát.
/OFF
2

...

wifi196 · 2011. Már. 17. (Cs), 15.39
csak ez a táblázatban lévö képeket szöveget stb.-t helyezi középre és nekem magát az egész táblázatot kéne mindehonan középre raknom
4

..

ironwill · 2011. Már. 17. (Cs), 16.52

<style>
html, body {height: 100%; margin: 0; padding: 0}
</style>

..

<table width="600" height="100%" align="center" style="border: 1px solid #000">  
    <tbody>
        <tr>
            <td valign="center" align="center">  
                <div style="width: 300px; height: 300px; border: 1px solid #000">
                    Izé
                </div>
            </td>  
        </tr>
    </tbody>
</table>
Némi javítás.. Így már hátha elégedett leszel.. Ugye azért nem nagyon haragszol..
Próbáltál valamit kezdeni a kóddal? Ugyan is ez segítség akart lenni, nem a megoldás.
3

CSS

Poetro · 2011. Már. 17. (Cs), 16.19
<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
  <style type="text/css">
    #main {
      position: absolute;
      background: red;
      width: 300px;
      top: 50%;
      left: 50%;
      height: 400px;
      /* Magasság felét felfelé, szélesség felét pedig balra mozgatjuk. */
      margin: -200px 0 0 -150px;
    }
  </style>
</head>
<body>
  <table id="main">
    <thead>
      <tr>
        <th>cim</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>leirás</td>
      </tr>
    </tbody>
  </table>
</body>
</html>
5

kösz de...

wifi196 · 2011. Már. 17. (Cs), 17.02
ezek nagyon jó megoldások csak az a baj ha egy adott mértet állitok akkor akinek más a képernyönagysága ott máshogy fog megjelenni
6

kifejtenéd?

Poetro · 2011. Már. 17. (Cs), 17.09
Miért is történne így? Ha átméretezem a böngészőmet, attól még középen lesz. Lehet IE esetében újra kell tölteni az oldalt, de akkor ott is középen lesz.
7

rendben

wifi196 · 2011. Már. 17. (Cs), 17.35
télleg nagyon szépen köszönöm a segitséget