[CSS, HTML] Centrování

**Aigor** · 24.01.2009, 16:59

Ahoj,

celý den hledám na netu postup jak dosáhnout pomocí CSS vycentrování objektu na stránce, tj. horizontální i vertikální. Potřebuju aby kód byl validní a zároveň funkční minimálně ve FF3 i IE6+

Simple stránka, uprostřed obrázek, nad a pod obrázkem řádek textu...

Poradí někdo

PS: Bez použití tabulek!

**l_iNu$** · 24.01.2009, 17:15

Dá se to udělat nějak takto:

Kód:

<html>
<head>

    <style>
    #box-wrapper { position: absolute; left: 50%; top: 50%; }
    #box { width: 300px; height: 100px; position: relative; left: -150px; top: -50px; background: silver; }
    </style>

</head>
<body>

<div id="box-wrapper">
    <div id="box">Lorem ipsum...</div>
</div>

</body>
</html>

Nevýhoda že je potřeba dopředu znát velikost, k vidění.

**Aigor** · 24.01.2009, 17:29

Super, tohle naprosto stačí (jak jednoduché Watsone...)

Už jsem z toho začal magořit. Fixní čísla nejsou problém, ten kód generuje PHP, tak si to pole obrázku vypočítá aktuální.

K+

**Keymaster** · 24.01.2009, 17:47

elegantněji bych doporučil obalit to, co se má centrovat do wrap divu, nastavit mu přes css width i height v pixelech, a potom mu dát akorát margin: auto;

**l_iNu$** · 24.01.2009, 18:07

Původně odeslal Keymaster

elegantněji bych doporučil obalit to, co se má centrovat do wrap divu, nastavit mu přes css width i height v pixelech, a potom mu dát akorát margin: auto;

Tohle to ale vycentruje jen horizontálně a nefunguje to v IE.

**Keymaster** · 24.01.2009, 18:22

hm, nějak jsem měl za to že to funguje i vertikálně. Každopádně v IEčku to funguje, jen se nesmí použít XML preambule.

**Aigor** · 24.01.2009, 21:20

Původně odeslal Keymaster

hm, nějak jsem měl za to že to funguje i vertikálně. Každopádně v IEčku to funguje, jen se nesmí použít XML preambule.

jj, na tohle sem taky narazil (přímo na stránkách W3C), ale systém je celý v XHTML a nechce se mi kvůli jedné stránce překopávat hlavičky.

Nehledejte v tom žádnou záludnost. Chci na pár stránek vyvěsit "servisní hlášku" s obrázkem a protože to chci uprostřed, na takové prkotině jsem se zasekl na celej den

**Smitka** · 24.01.2009, 22:24

A nestacilo by to udelat cely obrazkem na pozadit a ten nechat ve stredu?
background-position: center center

Téma: [CSS, HTML] Centrování

Nástroje témat

Zobrazení

Hybrid View

[CSS, HTML] Centrování

Re: [CSS, HTML] Centrování

Re: [CSS, HTML] Centrování

Re: [CSS, HTML] Centrování

Re: [CSS, HTML] Centrování

Re: [CSS, HTML] Centrování

Re: [CSS, HTML] Centrování

Re: [CSS, HTML] Centrování

Informace o tématu

Users Browsing this Thread

Podobná témata

[CSS and Opera <9] Problem s pozicovanim

[CSS, XHTML] DIV namiesto TABLE ?

[CSS, HTML] Jak spravit stranku?

[PHP, HTML] Jak udelat odkaz ???

[PHP & HTML] čínština

Klíčová slova k tématu

Pravidla přispívání