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.
<style type="text/css">
    body{
    font-family: "trebuchet ms", trebuchet, Verdana, Arial, sans-serif;
    font-size: 16px;
    margin:0 0 0 0;
    padding: 0 0 0 0;
    background-color: #ECE9D8;
        }

    .kontener{
    height: 500px;
    width: 700px;
    background-color: #000000;
    margin: auto;             
    }
</style>
</head>

<body>
    <div class="kontener">
    </div>
</body>
</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!
‹ Látogatónak automatikus telepítődjön betűtipus Beviteli mezők összegének maximum-korlátozása (JS) ›
 ■
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:

body
{
 text-align:center;
}

#kontener
{
 text-align:left;

 width:700px;

 margin-left:auto;
 margin-right:auto;

 position:relative;
}
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 
text-align: center
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