jak wycentrowac <div> dla xhtml1.1

[Olorin]

witam.

mam pytanie - jak wycentrowac <div> dla xhtml1.1?

z tego co wiem dla specyfikacji xhtml1.1 nie ma takiej mozliwosci (teoretycznie), ale ponoc mozna to jakos obejsc. moj problem konkretnie jest taki:

chcialbym aby <div> byl wycentrowany na stronie niezaleznie od jej rozdzielczosci (gdyby bylo inaczej moglbym ewentualnie posluzyc marginesami). w <div> mam <p>, ktore zawieraja glownie tekst (poprzez styl ustawiony jako justify).

za chwile ide na piwo i moze przyjaciel - webdesigner rozwiaze ten problem (wtedy i tu podam rozwiazanie), ale nie wiadomo jak to bedzie. wazne dla mnie jest, aby kod byl zgodny z xhtml1.1.


z gory dziekuje za pomoc.

[Mateusz Bogolubow]

Kod: Zaznacz cały

<div style="margin: 0 auto 0 auto"></div>

to powinno rozwiazac twoj problem

[Olorin]

Kod: Zaznacz cały

<div style="margin: 0 auto 0 auto"></div>

to powinno rozwiazac twoj problem

nie wystarcza; pod FF wydaje sie, ze wysrodkowuje <div>, ale nie cenrtuje na stronie (w sensie - miedzy lewym a prawym marginesem srodkuje, ale co z gornym i dolnym?). pod IE nic nie daje. jakas korekta?

adres strony testowej (z wykorzystanym kodem):
http://krakufel.org/

[Mateusz Bogolubow]

Kod: Zaznacz cały

<span style="text-align: center">
<div style="margin: 0 auto 0 auto"></div>
</span>

lub

Kod: Zaznacz cały

<div style="margin: 0 auto 0 auto; text-align: center"></div>

[Asit]

Kod: Zaznacz cały

body, html {
text-align: center;
}
div {
margin: 0px auto 0px auto;
}

[Malin]

http://testy.pless.pl/PablO/CSS/wysrodkowanie.html

[Olorin]

dzieki wielkie, podobne rozwiazanie podal mi przyjaciel podczas piwkowania

stworze <div style="width: 100%; height: 100%; text-align: center"> a w nim <div> style="width: 460px">, w stylu zewnetrznym okreslam justowanie tekstu i po sprawie - wszystko mam zalatwione (centrowanie calosci i wyjustowany tekst).

[Olorin]

witam.

jednak nie ma tak pieknie... spojrzcie prosze na kod zrodlowy strony:
http://krakufel.org/a/ (drobna zmiana adresu, przenioslem testy do innego niz glowna strona katalogu)
wydaje sie, ze powinno dzialac, okazuje sie, ze nie.
moze kwestia jest css: http://krakufel.org/blog/style.css ?

Malin: Twoj kod jak widac dziala, ale trzeba mu odjac, ze jest dosc duzy. w kazdym razie dzieki, bo jesli nie wykombinuje czegos mniejszego, 'podkradam' Ci go

[Asit]

moj tez dziala.. i wydaje mi sie ze jest duzo mniejszy..

[Stig]

Malin: Twoj kod jak widac dziala, ale trzeba mu odjac, ze jest dosc duzy. w kazdym razie dzieki, bo jesli nie wykombinuje czegos mniejszego, 'podkradam' Ci go

IMHO kod nie jest strasznie długi, a jest skuteczny . Kiedyś znalazłem ogrom rozwiązań tego problemu i powiem szczerze, że były znacznie dłuższe, a ich efekt zostawiał wiele do życzenia. To co przedstawił Malin to moim zdaniem najlepsze rozwiązanie.

moj tez dziala.. i wydaje mi sie ze jest duzo mniejszy..

Fakt, znacznie mniejszy, ale obawiam się, że nie centruje wertykalnie

[Asit]

racja.. zapomnialem ze to ma byc jeszcze w pionie

[Olorin]

panowie, ale czy teoretycznie nie powinien dzialac nastepujacy kod:

<div style="width: 100%; height: 100%; text-align: center;">
<div style="width: 460px; text-align: justify;">
<p>przykładowy tekst</p>
</div></div>

?

[Mateusz Bogolubow]

nie, nie bedzie dzialal

[Olorin]

moj problem zostal rozwiazany koncowo ciut inaczej):

<div style="position: absolute; left: 50%; top: 10%; margin-left: -230px; width: 460px; text-align: justify;">

nie jest w pelni wycentrowane, ale to kwestia przemyslenia sprawy (odpowiednio wygladoloby to tylko przy bardzo krotkim tekscie, dlugi tekst wchodzi w dol strony). dziekuje za podpowiedzi.