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
995
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
- 743042
- 712911
- 681842
Tykkään susta
Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä191762- 271671
- 241667
- 201630
- 481317
- 381293
Onko meillä
Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko91289