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. 1.  
  2.    div#valami  
  3. 2.  
  4.    {  
  5. 3.  
  6.        position: abolsute;  
  7. 4.  
  8.        top: 50%;  
  9. 5.  
  10.        height: 150px;  
  11. 6.  
  12.        margin-top: -75px; // a magasság fele  
  13. 7.  
  14.    }  
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.