CSS skal virke i flere browsere

Måske skal du bruge den metode, som bruges her: http://www.wpdfd.com/editorial/thebox/deadcentre4.html !-)

> Har prøvet med den metode - fik det bare ikke til at virke. Nu har jeg dog fået det til at virke i IE med hjælp af denne kode: http://www.hjemmesideskolen.dk/html/testsider/vertalign.asp        :

Eksempel på vertikal justering af tekst i <div>:

Definitioner med _ foran er specifikt rettet mod IE

<div style="border:1px solid #ccf; color:black; background:#eee; display: table; height: 200px; _position: relative; overflow: hidden;">
<div style="_position: absolute; _top: 50%;display: table-cell; vertical-align: middle;">
<div style="border:1px solid #ccf; _position: relative; _top: -50%; width:100%; color:black; background:#fff;">Neget tekst, der er centreret lodret ...</div>
</div>
</div>


...som jeg har sat ind i en af de mange div bokse. Dette virker bare ikke i Mozilla??????

<ole>

Den, roenving viser, fungerer helt fint, mens den, du skriver, er fyldt med fejl - og i øvrigt ikke fungerer, selvom disse bliver rettet.
Brug roenvings forslag, så virker det  :)

/mvh
</bole>

Nu har jeg fået dem vertikal centreret ved at putte en tabel ind i div'sene. Men når jeg skriver text-align: left; i tabelen centreres den ikke i midten som div'ellers sikrer med margin: auto 0 auto 0 og text-align: center; Så hvordan centrerer jeg div'en horisontialt?

Det er altså et spørgsmål om, at jeg ønsker en vertikalt og horisontial tekst med frit valg om jeg ønsker lige eller ikke lige ventreTEKSTmargin!

Sådan har jeg nu løst problemet:

Jeg har de forskellige kasser (divs)

I hver af disse indsætter jeg en tabel og bruger funktionen
table. {vertikal-align: middle;} 

Herefter lægges nu en div ind i <td> i ovenstående table, og denne div sætter jeg { margin: (6px auto 6px auto} (Jeg centrere altså indhold vha. margin!

Dette virker fint. (I IE og Mozilla!)