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..
css kehyksen keskittäminen keskelle.
4
993
Vastaukset
- 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ö
Halusit varmaan myös korkeussuunnassa keskelle.
Seuraappa tän linkin takaa löytyviä linkkejä:
http://keskustelu.suomi24.fi/show.fcgi?category=108&conference=4500000000000143&posting=22000000006635608
Tästä on siis keskusteltu aikaisemminkin:) - jkl
Töppö kirjoitti:
Halusit varmaan myös korkeussuunnassa keskelle.
Seuraappa tän linkin takaa löytyviä linkkejä:
http://keskustelu.suomi24.fi/show.fcgi?category=108&conference=4500000000000143&posting=22000000006635608
Tästä on siis keskusteltu aikaisemminkin:)Kiitoksia nyt sai kehyksen menemään sivusuunnassa keskelle. Täytyy vielä vähän makustella tuota pystysuunnan siirtoa, kun ei ihan heti avautunut.
- 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
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. Vuod225154- 254338
- 272461
- 342244
- 371998
- 151918
En ole koskaan kokenut
Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka191587- 121521
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 kons211247Kerranki asiat oikein
Ilkka ja muut pienpuolueeet...teitte hyvän työn kun valitsitte pätevän henkilön virkaan eikä kepulle passelia!! Jatkakaa101174