Chcę sobie wyśrodkować stronkę w pionie i poziomie.
W tej chwili mam tak:
styl.css
- Kod: Zaznacz cały
html, body {
height: 95%;width: 95%;
}
body {
background: #1d811d url('../mm/tlo.gif') fixed repeat-x;
background-color: #1d811d;
color: #000000;
background-position: left bottom;
display: table;
margin-left:5%;
margin-right:5%;
}
.srodek {display: table-cell;
vertical-align: middle;
}
.srodekIE0 {position: absolute;
top: 40%;}
.srodekIE1 {position: relative;
top: -40%;}
xhtml
- Kod: Zaznacz cały
<body>
<div class="srodek">
<!--[if IE]>
<style type="text/css">
html, body { {width: auto; overflow-y: hidden;
overflow-x: hidden;
}
</style>
<div class="srodekie0">
<div class="srodekie">
<![endif]-->
I wszystko ładnie działa, ale...
W takim przypadku mam sporo plików do edycji by wrzucić regułki [if IE].
Dlatego chciałbym się dowiedzieć czy można to zrobić w _jednym_ pliku css?
Wrzucanie drugiego pliku css dla IE, też mnie nie ratuje, bo odpowiedni meta tag też będę musiał wrzucić we wszystkie pliki...
Z góry dzięki za wszelkie info
ale ja gdy robilem stornke "na srodku" to uzywalem zwyklej tabeli.
