Autor Zpráva
KubakCZ
Profil
Dobrý den, mám takový jeden problém s mojí web stránkou, nedaří se mi jí vycentrovat na prohlížeči google chrome ale ani na firefoxu, zjistil jsem že když zmenším velikost prohlížeče to znamená šířku tak můj obsah neboli text zůstane na svých pozicích, ale když zmenším délku tak se text dá na jiný text nezůstane na svých pozicích, zkoušel jsem udělat pod body <div style="max-width, a min-width atd. ale nefunguje to jak by mělo taky jsem dával všude align:center a nebo přímo pod body <center> a </center> ale stále stejné, tak chci se zeptat jak mám vycentrovat web stránku aby byla pružná, bohužel taky pravda že z návodů sem to moc nepochopil jak bych to měl napsat do html kódu děkuji :).
Pavel Krátký
Profil
KubakCZ:
Dej sem odkaz, prosím.
KubakCZ
Profil
www.survivalmania.wz.sk
Tomáš123
Profil
KubakCZ:
Značka <center> centruje prvky umiestnené v jej vnútri. Nestačí ju pridať do štruktúry.

Postaraj sa o to, aby mal tvoj HTML kód takúto štruktúru:
<div id="obal">
  <div id="telo1">
  <div id="telo2">
  <div id="telo3">
  <div id="telo4">
  ...
</div>
V CSS potom stačí nastaviť:
#obal {
  width: 1480px; /* šírka obsahu */
  margin: auto; /* vycentruje */
  position: relative; /* zariadi, aby vnorené bloky počítali svoju pozíciu vzhľadom k tomuto prvku, nie k oknu prehliadača */
}

Celý tento postup je ale iba rýchla záplata od základov zle postaveného kódu.

Preštuduj si základnú schému stránky, kde sa objekty vykresľujú s ohľadom na pozíciu ostatných prvkov (v takzvanom toku dokumentu). Nestáva sa tak, že sa ti texty navzájom prelínajú.
KubakCZ
Profil
Aha dekuji ale doufam ze se mi nestane to ze ty texty pak budou rozhozene treba menu bude jinde a tak a jinak ano prekrivaji se mi texty
KubakCZ
Profil
Tomáš123:
a jak udělám aby moje stránka se sama přizpůsobila rozměrům telefonu nebo tabletu? :)
Tomáš123
Profil
KubakCZ:
Na tvoju otázku sú dve odpovede:
1. Kým deklaruješ pevnú šírku, stránka pri zmenšení okna do veľkosti, kam sa už nezmestí spôsobí vytvorenie horizontálneho posuvníka. Na to vo väčšine prípadov stačí bloku s definovanou šírkou deklarovať ešte max-width: 100%;.

V prípade tvojej stránky, by to bolo omnoho zložitejšie, keďže bloky poziciuješ absolútne. V tomto kontexte môžeme povedať, že absolútna pozícia neberie do úvahy ani rozmery nadradených prvkov, ani rozmer okna.

2. Mobilné zariadenie prestane simulovať väčšie rozlíšenie akonáhle do hlavičky kódu HTML stránky pridáš deklaráciu <meta name="viewport" content="width=device-width,initial-scale=1">.

Ak ale stránka nie je pre menšie zariadenia prispôsobená, tento riadok užívateľom skôr poškodí. Prispôsobenie väčšinou pozostáva okrem iného hlavne z premiestňovania blokov do priestorovo úspornejších a inak orientovaných schém.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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