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
984
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
Ja taas ammuttu kokkolassa
Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.705913- 1225186
Helena Koivu on äiti
Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.4343127Ovatko naiset lopettaneet sen vähäisenkin vaivannäön Tinderissa?
Meinaan vaan profiileja selatessa nykyään valtaosalla ei ole minkäänlaista kirjoitettua tekstiä siellä. Juuri ja juuri s991556Suomi vietiin Natoon väärin perustein. Viides artikla on hölynpölyä. Yksin jäämme.
Kuka vielä uskoo, että viides artikla takaa Suomelle avun, jos Suomeen hyökätään. Liikuttavasti täällä on uskottu ja ved3611197- 291009
- 651001
Sydämeni on sinun luona
Koko ajan. Oli ympärilläni ketä oli niin sinä olet vain ajatuksissa ja tunteissa. En halua muiden kosketusta kuin sinun46916Trump ja Venäjä
Huomasitteko muuten... Käytännössä ainoat valtiot, joille Trump EI eilen asettanut typeriä tariffejaan, olivat Venäjä ja109884Jatkuva stressitila
On sinun vuoksesi kun en tiedä missä mennään mutta tunteeni tiedän ainoastaan52859