Log In
HomeThe forums are currently locked and only available for read only access
Centrera
muchcup
Kommer du hit ofta?
Medlem
Forum Posts: 367
Member Since:
September 6, 2002
September 6, 2002
Offline1
September 14, 2005 - 1:01 pm
Läste på webdesignskolan att man centrerade en box på detta vis i IE 6.0
body
{
text-align: center;
}
#main
{
margin-left: auto;
margin-right: auto;
text-align: left;
width: 100px;
height: 100px;
background-color: gray;
}
Hur gör man för att boxen ska vara centerjusterad på höjden också? Har testat lite olika grejer men lyckas inte fixa det.
Det mest logiska för mig vore
body
{
text-valign: middle;
}
#main
{
margin-top: auto;
margin-bottom: auto;
text-align: left;
width: 100px;
height: 100px;
background-color: gray;
}
Men det gillar den inte
Xuestor
Member
Medlem
Forum Posts: 2156
Member Since:
November 9, 2002
November 9, 2002
Offline950248
September 14, 2005 - 2:14 pm
är det exakt den texten du skrivit? Det är inte bara så att du har skrivit "text-align" fel bara?
muchcup
Kommer du hit ofta?
Medlem
Forum Posts: 367
Member Since:
September 6, 2002
September 6, 2002
Offline950251
September 14, 2005 - 2:23 pm
Xuestor wrote: är det exakt den texten du skrivit? Det är inte bara så att du har skrivit "text-align" fel bara?
ja det är exakt det, vad är det för fel på text-align? 🙄
zcorpan
Kommer du hit ofta?
Medlem
Forum Posts: 848
Member Since:
December 26, 2003
December 26, 2003
Offline950319
September 14, 2005 - 4:06 pm
Så här kan man göra:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Vertikal och horisontell centrering</title>
<style type="text/css">
html { display:table; margin:0 auto; height:100%; width:50%; }
body { display:table-cell; vertical-align:middle; }
</style>
</head>
<body>
<h1>Vertikal och horisontell centrering</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
rhoncus. Aenean nisl mi, mattis id, molestie id, dictum a, neque. Sed
nec velit. Quisque porta justo at ante. Etiam consectetuer aliquet
massa. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. In hac habitasse platea dictumst.
Nam et lorem id massa commodo viverra. Duis ut purus a ligula
ullamcorper lacinia. Donec tortor. Nam gravida, lectus vel tristique
elementum, sapien dolor placerat metus, id facilisis est augue nec nisi.
Ut interdum magna at felis. Quisque gravida auctor nisi. Nam a ipsum.
Nam nec metus. Etiam eleifend faucibus nulla. Sed ipsum.</p>
</body>
</html>
Men eftersom IE saknar stöd för display:table och display:table-cell så fungerar det inte i IE.
Forum Timezone: Europe/Stockholm
Most Users Ever Online: 694
Currently Online:
Guest(s) 88
Currently Browsing this Page:
1 Guest(s)
1 Guest(s)
Top Posters:
Andreas Galistel: 16287
Jonas Klar: 15897
ilg@dd: 10810
Nyhet: 10607
Mind: 10550
Ctrl: 10355
Gueno: 9881
Guest: 9344
Snorch: 8881
Callister: 8468
Newest Members:
PetrbonFU PetrbonFU
Karine Bembry
Dolores Mcdaniels
Anibal McLeish
Francisca Alt
Alfie Everhart
Lester Huitt
Orlando Jorgensen
Mikki Lundgren
Dakota Kozlowski
Forum Stats:
Groups: 11
Forums: 59
Topics: 146630
Posts: 1300967
Member Stats:
Guest Posters: 2
Members: 79425
Moderators: 0
Admins: 11
Administrators: nordicadmin, Henrik Berntsson, Anton Karmehed, Carl Holmberg, Joel Oscarsson, Mikael Linnér, Mikael Schwartz, Andreas Paulsson, Nickebjrk, Mattias Pettersson, EmxL
© Simple:Press —