Rozciągnięcie/wycentrowanie diva (bloku)

Witam, jak wycentrować dany blok?

tak wyglądać ma strona:

http://files.tinypic.pl/i/00364/nt7p0su0vbb5.png

chodzi o ten blok “tresc” chciałbym aby był on na środku niezależnie czy przybliżam stronę czy też oddalam, rozmiar może zmienić ale żeby był ten blok na środku.

Próbowałem z tym blokiem takie coś:

#tresc {

margin:10px auto 10px auto;

width:900px;

height:500px;

}

to działa tylko w Firefoxie a z syfiasty explorer nie ogarnia i wyświetla ten blok po lewej stronie.

Jak to wykonać?

nagłówek jest rozciągnięty na szerokość, stopka jedynie miała by być tak samo jak “tresc”

Mam też drugie pytanie:

np. mam już stronę zrobioną i chciałbym umieścić na nią dodatkowy blok który nie przylega do żadnego bloku i mogę go swobodnie rozmieścić na stronie i jest zawsze na wierzchu. Jak to wykonać?

podgląd

źródło

Ustawiasz div’a poza kontenerem (np na końcu body), dajesz mu z-index większy niż reszcie, po czym przesuwasz go za pomocą left / top.

Znaczy dobrze mi podałeś ale to nadal mi nie działało, doszukałem się że trzeba dodać to aby auto działało:

<?xml version="1.0" encoding="utf-8"?>
br />
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">





...

Wtedy explorer czyta poprawnie margin:auto;

Używasz starego ie :stuck_out_tongue:

i chodzi właśnie o to że też tak myślałem ale nie, zrobiłem aktualizacje explorera przez Windows Update, ok aktualizacja zrobiona ale problem był nadal ten sam, nie mam pojęcia dlaczego.