NOVINKA - Vstup do světa AI s ONLINE víkendovým kurzem Práce s umělou inteligencí od A do Z. Přihlas se ještě dnes!
NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.

Diskuze: Position relative - hodnoty v %

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Petr Nymsa
Tvůrce
Avatar
Petr Nymsa:20.3.2013 13:40

Opět další problém. Mám v hlaviččce několik dalších bloků. Logo a search blok. Header nemá pevnou výšku a ani logo. Potřebuju aby se panel search (kolonka pro hledání) objevila vždy uprsotřed.
Nastavil jsem to takto

#search
{
        position:relative;
        top:15px;
}
<header id="header">
        <div id="search">
         <form>
          <input type="search" />
         </form>
        </div>
    </header>

Prohlížeč to nevezme. Když zkusím firebug(plugin pro Mozzilu) a změním tam hodnoty promítne se še správně. Nějaký nápad ?

Editováno 20.3.2013 13:41
Odpovědět
20.3.2013 13:40
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Petr Nymsa
Honza Bittner:20.3.2013 16:49

vycentrování se dělá pomocí

margin: 0px auto;

(místo nuly můžeš dát jakékoli číslo ... )

(nezapomeň na mezeru mezi px a auto)

Nahoru Odpovědět
20.3.2013 16:49
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Tato diskuze byla označena moderátorem jako nekonstruktivní a myslíme si, že nemá pro veřejnost příliš vysokou hodnotu. Členy můžete samozřejmě stále oslovit soukromě a to formou zpráv nebo chatu.

Zobrazeno 2 zpráv z 2.