Autor Zpráva
Trucinho
Profil
Dobrý den,
mám takové zvláštní stránky http://luketrucino.cz/ na kterých vš mám vycentrované přesně na středu , jak Y tak X.
K vůli telefonům sem to začal optimalizovat. Ted jsem narazil s vycentrováním textury na stred Y.

Když jsem použil metodu pomocí vnořeného divu.
HTML:
<div class="stredniktextura">
     <div class="textura"></div>
    </div>


CSS:
.stredniktextura{
height: 600px;
position: absolute;
top: 50%;
z-index: 1;
}
.textura{
background: url("img/textura.png") repeat-x scroll 0% 0% transparent;
height: 600px;
position: relative;
top: -300px;
z-index: 1;
}

tak se mi nezobrazí nic, repeat-x nepomáhá. A vím, že tam není šířka, a proto to nejde, ale jak to jinak udělat když zkrátka nechci mít div s šířkou pres 2 tisice aby ta textura byla u vsech monitoru pres celou sirku obrazovky, chci aby tam textura byla i po velikém oddálení stránky pres celou obrazovku.

Děkuji moc za pomoc.
Camo
Profil
Trucinho:
Textúry sa centrujú na stred cez background. Tá technika s divom mi príde dosť prehnaná na to čo chceš dosiahnuť.
Ale ak to má teda nejaký hlbší zmysel, že to tak musí byť(?), tak skús použiť záporný margin na to posunutie. IMHO na to neportebuješ dva divy. Stačí jeden, nie? A to s tou šírkou som akosi nepochopil. Prečo nemôžeš napísať 100%?
A farba pri background sa udáva ako prvá nie na konci pokiaľ viem...

EDIT:
Keď som zmenil túto adresu na absolútnu, tak to pozadie tam mám: <script type="text/javascript" src="http://luketrucino.cz/jquery.ui.touch-punch.min.js"></script>
margin
Profil *
Myslím, že vy stačilo dát texturu jako pozadí BODY.
body { background: #000  url("img/textura.png") repeat-x 50%; }

Doporučuji k přečtení: Relativní pozicování trápí začátečníky

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: