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
1058
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
- 814512
Persujen mukaan rasismi on huumoria
Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀644218Purra on kantanut vastuuta täyden kympin arvoisesti
Luottoluokituksen lasku, ennätysvelat ja ennätystyöttömyys siitä muutamana esimerkkinä. Jatkakoon hän hyvin aloittamaans1244189BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön
Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että1803421- 1922758
Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta
Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome662696Surullista
Että menetit sen naisen , tosi surullista ja vielä oman tyhmyyden takia ,ymmärrän että se on masentavaa582597Hallitus on kaadettava ja Orpon on erottava
Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main352592Muuttunut käytös
Onko kaivattusi käytös muuttunut? Tiedätkö mistä se johtuu? Haluatko kertoa, mitä tapahtui?692485Väkeä oli liikkeellä
Nyt leijutaan pilvissä. Kun eläinpuistossa oli porukkaa 😆😆 Olihan siellä kun ilmaiseksi pääsivät. Eiköhän se juuri sik432142