ugrás a tartalomhoz

Középre igazítás CSS-sel (megoldva)

morocztamas · 2011. Okt. 15. (Szo), 15.53
Hogyan tudnám az oldalamon függőlegesen is középre igazítani a tartalmat?

/**********/

A megoldás Semmunak köszönhetően:
   1.
      div#valami
   2.
      {
   3.
          position: abolsute;
   4.
          top: 50%;
   5.
          height: 150px;
   6.
          margin-top: -75px; // a magasság fele
   7.
      }
Annyit még hozzáteszek, hogy a vízszintesen való függőleges igazítást is így kell megoldani, mert ebben az esetben a margin:auto; nem fog a vártnak megfelelően működni.
‹ JavaScript, osztással kapcsolatos feladat CSS dropdown menu hover elemének pozicionálása ›
 ■
1

rendezés

idahoo · 2011. Okt. 15. (Szo), 16.31
Ha a tartalmat szeretnéd igazítani -teszem azt szöveg-, akkor a div-nek adsz tulajdonságot egy osztályon belül, amiben az adott tartalom van, majd annak megadod a következőt: text-align: center;

pl.:
.tartalom {
text-align: center;
}


Ha magát az oldalt összefogó konténert szeretnéd középre rendezni, akkor vagy a body-nek, vagy létrehozol egy #page kijelölőt, amibe kerül az összes tartalom, és ezt reszeteled a következőképpen:
#page {
margin: 0 auto;
padding: 0 auto; /*a margin önmagában elég, a padding reset több más stilizálásra hoz majd segítséget*/
}


Remélem segítettem!

Üdv,
Idahoo
2

Függőlegesen

morocztamas · 2011. Okt. 16. (V), 10.08
Függőlegesen kell, nem vízszintesen az igazítás. Vízszintesen tökéletesen meg tudom csinálni.