Autor Zpráva
Cecil Conrad
Profil *
#1 · Zasláno: 27. 1. 2007, 09:36:01
Odpovědět Citovat
Jak mám umístit obrázek přesně do středu stránky za použití CSS.


Nešlo by to nějak takto?

<style type="text/css">
body, html {height: 100%;}
#outer {height: 100%; overflow: visible;} /* or without overflow */
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */
</style>


<body>

<div id="outer">
<div id="middle">
<div id="inner">
any text
any height
any content, for example generated from DB
everything is vertically centered
</div>
</div>
</div>

Aby možno to fungovalo i v horizontální ose a ve většině prohlížečích.

Dík
peta
Profil
#2 · Zasláno: 27. 1. 2007, 11:05:51
Odpovědět Citovat
Cecil Conrad
jakpsatweb - CSS - priklad
jakpsatweb - CSS - background
jakpsatweb - CSS - background-position:50% 50%;
Cecil Conrad
Profil *
#3 · Zasláno: 27. 1. 2007, 15:34:47
Odpovědět Citovat
background-position:50% 50%;

Tohle to jsem kdysi zkoušel a v Opeře mi to nešlo, v Exploreru jo.
Nevím možná jsem to měl špatně, zkusím znovu.
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0