css kehyksen keskittäminen keskelle.

jkl

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..

4

993

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Töppö

      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;
      }

      • Töppö

      • jkl

      • Höpö
        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.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa

      En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod
      Ikävä
      22
      5154
    2. Huomenta ihana

      Kauniskasvoinen ihanuus 😘 saan sut vielä
      Ikävä
      25
      4338
    3. Hei rakas...

      Miten on työpäivä sujunut? Rakastan sinua 💗
      Ikävä
      27
      2461
    4. Edelleen sitä on vaikea uskoa

      Että olisit oikeasti rakastunut muhun
      Ikävä
      34
      2244
    5. Toiveikas vai toivoton

      torstai? Ajatuksia?
      Ikävä
      37
      1998
    6. Vitsi mihin menit. Heti takasin.

      Mä näin sut tuu takasin! Oli kiire, niin en ehtiny sin perään!
      Ikävä
      15
      1918
    7. En ole koskaan kokenut

      Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka
      Ikävä
      19
      1587
    8. Mukavaa päivää

      Mun rakkauden kohteelle ❤️ toivottavasti olet onnellinen
      Ikävä
      12
      1521
    9. Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...

      Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons
      Suomalaiset julkkikset
      21
      1247
    10. Kerranki asiat oikein

      Ilkka ja muut pienpuolueeet...teitte hyvän työn kun valitsitte pätevän henkilön virkaan eikä kepulle passelia!! Jatkakaa
      Haapavesi
      10
      1174
    Aihe