ugrás a tartalomhoz

Div konténerem mindig legyen középen (CSS)

neta · 2006. Már. 2. (Cs), 09.46
Sziasztok!
Most kezdtem el tanulni a css-t (meg mindent) :). A html-t egy picit ismerem.
Lenne egy olyan kérdésem, hogy hogyan lehet azt megcsinálni hogy mindig középpen legyen jelen esetben a .kontener DIV.
  1. <style type="text/css">  
  2.     body{  
  3.     font-family: "trebuchet ms", trebuchet, Verdana, Arial, sans-serif;  
  4.     font-size: 16px;  
  5.     margin:0 0 0 0;  
  6.     padding: 0 0 0 0;  
  7.     background-color: #ECE9D8;  
  8.         }  
  9.   
  10.     .kontener{  
  11.     height: 500px;  
  12.     width: 700px;  
  13.     background-color: #000000;  
  14.     margin: auto;               
  15.     }  
  16. </style>  
  17. </head>  
  18.   
  19. <body>  
  20.     <div class="kontener">  
  21.     </div>  
  22. </body>  
  23. </html>  
margin: auto; ---> ha ez auton van akkor jobbról és balról oké, középpen van képernyőn felbontástól függetlenül, de sajnos felülre rakja a DIV-et. Szóval mindig középen legyen, alulról és felülről is felbontástól függetlenül.

Valaki tudna segíteni, mit írjak be?

Köszi!
 
1

Code colorer, off

janoszen · 2006. Már. 2. (Cs), 09.57
Udv!

1. hasznalj BBcode jeloloket, hogy jobban elkulonuljon a forraskod.
2. Offtopic, igy lehet megcsinalni:

Csak vizszintes:
  1. body  
  2. {  
  3.  text-align:center;  
  4. }  
  5.   
  6. #kontener  
  7. {  
  8.  text-align:left;  
  9.   
  10.  width:700px;  
  11.   
  12.  margin-left:auto;  
  13.  margin-right:auto;  
  14.   
  15.  position:relative;  
  16. }  
Fuggoleges is: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

P
2

kis kieg

winston · 2006. Már. 2. (Cs), 10.55
Pont válaszolni akartam kedves Proclub kollega, de látom, megelőztél. Annyi kiegészítést azért hozzátennék, hogy megesik,(főleg IE esetén) hogy így sem rakja középre a konténert. Ez estben a teendő: a body kap egy
  1. text-aligncenter  
tagot. Ekkor már tuti középre rakja, csak azzal vigyázz, hogy a kontener tag örökölni fogja az align tulajdonságot, így ha ott nem akarsz középre igazított szöveget, tegyél oda is egy megfelelő align tagot.

Have a nice day, sok sikert
W.

update: reggel van... most veszem észre, hogy írtad a align title-t... ::szánombánom::
3

Nem baj

karaj · 2006. Már. 2. (Cs), 11.31
Jó hogy elmagyaráztad, miért van ott. Én például ezt nem tudtam.
4

<Nincs cím>

neta · 2006. Már. 2. (Cs), 21.11
Szia!
Köszi, de azt hiszem félreértettél.
Nem a #kontener diven belül akarok középpre tenni bármit, hanem magát ezt a kontener nevü boxot akarom, hogy mindig középpen legyen, a böngésző látható részének a közepén.

Ha a margint autóra rakom, akkor csak balról és jobbról rakja középpre a fix szélességű és magasságú "kontener" divet, de viszont teljesen felülre rakja a böngészőben. Nekem pedig olyan kéne ami alul is és felül is középpre rak.
Amit küldtél az azért nem jó nekem, mert nem a képernyő közepére rakásról szól.

Ha esetleg tudod azt a fajta megoldást is amit szeretnék, akkor nagyon örülnék neki.

Köszi
5

<Nincs cím>

neta · 2006. Már. 2. (Cs), 21.16
bocs!

Megvan!
Nem azon az oldalon amit küldtél, de onnan linkelve megtaláltam :)
Csak sajnos ez százalékkal dolgozik, nekem meg fix szélességem és magasságom lenne, bár lehet hoyg így jobb.

Esetleg ha tudsz nem %-os megoldást?

Nagyon szépen köszönöm!
6

Nem figyelsz...

janoszen · 2006. Már. 2. (Cs), 22.09
Nem figyeltél. A link, amit adtam a függőleges középre igazítást csinálta meg. És a magasságot pixelben adta meg. Nem százalékban. Az 50% az elem magasságára vonatkozik. Összedolgozva az általam bemutatott megoldással megkapod mind a vízszintes mind a függőleges középre igazítás mikéntjét.
7

<Nincs cím>

neta · 2006. Már. 3. (P), 11.55
ok, köszi