Rekisteröidy

Ilmoitukset

Ladataan…

    Näytä kaikki

    css kehyksen keskittäminen keskelle.

    Miten saan css kehyksen pysymään keskellä ruutua kaikilla resoluutioilla?

    Minulla on sivut joille olen tehnyt neliömäisen kehyksen jonka ois tarkotus pysyä keskellä ruutua kaikilla resoluutioilla..

    .kehys {
    background-color: #000000;
    padding: 30px;
    width: 700px;
    border: none #000000;
    position: relative;
    left: 120px;
    top: 50px;
    right: auto;
    bottom: auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    height: 400px;
    clear: both;
    float: none;
    background-position: center center;
    z-index: auto;
    background-attachment: fixed;

    Ei varmaan pitäs olla vaikeeta, mutta ei osaa..
    41102
    Äänestä

    Muut lukivat myös

    Vastaukset 4

    Vanhimmat

    Ei se vaikeaa ole. Css:llä se menee laittamalla
    margin: auto;

    Ongelmana on sitten taas kerran InternetExplorer joka ei tuota (yllättäin) ymmärrä. Mutta ei hätää, asian voi korjata.

    IE:tä varten laitetaan

    body {text-align: center}

    Tämän pitäisi keskittää teksti, mutta IE tyhmänä luulee että KAIKKI pitää keskittää.
    No sitten täytyy laittaa sinne .kehykseen korjaus jollei halua että sen sisältöä keskitetään:

    text-align: left

    Eiks ookki kivaa et pitää kaikenlaisten paskaselainten takia tehä virityksiä..

    Eli:

    body {
       text-align : center; /*jotta IE älyää keskittää .kehyksen*/
    }
    .kehys {
       text-align : left; /*jottei sentään kaikkea keskitetä */
       margin :auto; /*keskitetään .kehys kuten se kuuluu tehdä */
       width: 300px; /*loput vaan siks et nähdään et juttu toimii*/
       height: 300px;
       border : 1px solid Black;
    }

    Äänestä

    • jkl kirjoitti:

      Kiitoksia nyt sai kehyksen menemään sivusuunnassa keskelle. Täytyy vielä vähän makustella tuota pystysuunnan siirtoa, kun ei ihan heti avautunut.

      Kuten mainitsinkin, se on vähän sellanen viritys..
      Ja niin on myös tuo Y_H:n antama linkkikin.

      Se on joskus sellasta.

      Äänestä

    Odottaa vastausta

    Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.

    Luetuimmat keskustelut

    Kommentoi aloitusta

    jkl kirjoitti:

    Miten saan css kehyksen pysymään keskellä ruutua kaikilla resoluutioilla?

    Minulla on sivut joille olen tehnyt neliömäisen kehyksen jonka ois tarkotus pysyä keskellä ruutua kaikilla resoluutioilla..

    .kehys {
    background-color: #000000;
    padding: 30px;
    width: 700px;
    border: none #000000;
    position: relative;
    left: 120px;
    top: 50px;
    right: auto;
    bottom: auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    height: 400px;
    clear: both;
    float: none;
    background-position: center center;
    z-index: auto;
    background-attachment: fixed;

    Ei varmaan pitäs olla vaikeeta, mutta ei osaa..

    Anonyymi
    5000

    Ilmoita asiaton sisältö

    • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

    • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

    • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

    • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

    • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

    • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

    Jaa keskustelu