09-04-2009, 17:07
Mam nadzieje, że to Ci pomoże:
Najpierw plik CSS(jest kilka opcji, ja preferuje ten sposób centrowania):
kod html:
Sposób polega na tym, że jeśli masz nadaną szerokość rodzica (tutaj body) i kontenera to możesz użyć margin: 0px auto czyli centrowania poziomego(lewo-prawo).
Centyrowanie w pionie to pozycja absolutna (względem body) w odległości 50% wysokości body od góry. Jednak to oznacza, że górna krawędź kontenera jest w połowie body. Dlatego dajemy ujemny margines o wartości połowy kontenera i mamy środek.
Wydaje się to może ciut zagmatwane, ale w sumie jest dość proste, gdy połapiesz się w metodzie.
Mam nadzieje, że nie ma błędów bo pisze z "ręki". Jakby co to daj znać.
Najpierw plik CSS(jest kilka opcji, ja preferuje ten sposób centrowania):
Kod:
body
{
height: 100%;
width: 100%;
}
#kontener
{
position: absolute;
top:50%;
height:530px;
width: 750px;
margin: 0px auto;
margin-top:-265px; /* połowa wysokości */
}
kod html:
Kod:
....
<body>
<div id="kontener">
twój kod flash
</div>
</body>
Sposób polega na tym, że jeśli masz nadaną szerokość rodzica (tutaj body) i kontenera to możesz użyć margin: 0px auto czyli centrowania poziomego(lewo-prawo).
Centyrowanie w pionie to pozycja absolutna (względem body) w odległości 50% wysokości body od góry. Jednak to oznacza, że górna krawędź kontenera jest w połowie body. Dlatego dajemy ujemny margines o wartości połowy kontenera i mamy środek.
Wydaje się to może ciut zagmatwane, ale w sumie jest dość proste, gdy połapiesz się w metodzie.
Mam nadzieje, że nie ma błędów bo pisze z "ręki". Jakby co to daj znać.