Onko mahdollista tehdä keskelle sivua 400pix leveän, mutta koko sivun korkean boksin?
Kokosivun korkea
onko mahdollista?
8747
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Turvaa tilisi vahvistamalla puhelinnumerosi. Voit silloin palauttaa unohtuneen salasanan tekstiviestillä.
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 8
Vanhimmat
div
{
width: 400px;
top: 0;
bottom: 0;
height: auto;
}
Jotenkin noin..
Ei toimi, divillä ei ole bottom määritettä.
Tämä toimii
div
{
width:400px;
height:100%;
background:#eaeaea;
margin:0 auto;
}
body{
margin:0 auto;
padding:0;
text-align:center; /*IE*/
}
sorry, muttei toimi :(
selaimella se ei toimi ?
Ikkunan korkuinen, keskitetty elementti
html, body {
height: 100%;
margin: 0;
padding: 0;
text-align: center;
}
div {
background: orange none;
color: #333;
height: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
width: 400px;
}
div p {
margin: 0;
padding: .5em 1em;
}
ul {
margin: .5em 1em .5em 2em;
padding: 0;
}
Lorem ipsum dolor sit amet.
Testaut selaimet:
Firefox 1.5
Internet Explorer 6
Internet Explorer 5.5
Opera 9 PR
Mutta voiko tuon erottaa erikseen:
html, body {
height: 100%;
margin: 0;
padding: 0;
text-align: center;
}
Voi kyllä, muttei tarvitse (pääset myös vähemmällä koodimäärällä). Voit luoda uuden säännön esim bodylle vanhan perään:
html, body {
height: 100%;
margin: 0;
padding: 0;
text-align: center;
}
body {
font: normal 100% Baskerville, Georgia, serif;
overflow: auto;
}
saako tuon jotenkin toimimaan firefoxissa?