Jak na responzivní design

1. 11. 2013 18:09:18

Ahoj jsem v tom poměrně nový a dělám web v html a css.Dělá mi problém web stvárnit tak aby se vždy natáhl přes celou stránku při většim rozlišení než na kterym to dělám já.Na rozlišení 1366x768 je to ok ale při většim je kus volného místa a při menšim se web nijak nemění. Živá ukázka http://assassins.czweb.org/uvod.html a prosím kdo by věděl koukněte se i do kodu apod... a napište prosím jak to upravit aby se to menilo podle rozlišení.Děkuji a moc prosím poraďte.

1. 11. 2013 18:09:18

https://webtrh.cz/diskuse/jak-na-responzivni-design/#reply961293

Smazaný účet KvotlhHqXE

(39 hodnocení)

1. 11. 2013 18:15:35

Pouzi na urcenie sirky hlavicky toto:

width:100%

pripadne v CSS by som pouzil

body {

height:100%;

width: 100%;

overflow: hidden;

margin: 0;

}

1. 11. 2013 18:15:35

https://webtrh.cz/diskuse/jak-na-responzivni-design/#reply961292

Sharkit

1. 11. 2013 18:17:30

Nejak nechapu na urcene šířky.Moc tě prosím trochu my to vysvětli.Asi se zasměješ ale fakt to nechápu :D

---------- Příspěvek doplněn 01.11.2013 v 18:19 ----------

Pokud tě můžu otravovat koukni do těch kodu a rekni kam vsude napsat width: 100% moc tě prosím já už jsem z toho fakt vyřízenej.

---------- Příspěvek doplněn 01.11.2013 v 18:23 ----------

Hle tak jsem to tam upravil ale nic se nezměnilo :( Do te hlavičky jsem to dal jen na tu Uvodni stranku(ZATIM) Ale porad nic

---------- Příspěvek doplněn 01.11.2013 v 18:25 ----------

Vlastne jo koukam že facebook se mi dostal až na konec té stránky.Ale ne cela ta hlavička.Nevadí tomu že ta hlava je vlastně kompletně v celku jako obrázek a ma šířku jen na 1350pixelů??

---------- Příspěvek doplněn 01.11.2013 v 18:29 ----------

Jestli mas cas tak se tam zase koukni něco udělám a hned to dávám na ten web.

1. 11. 2013 18:17:30

https://webtrh.cz/diskuse/jak-na-responzivni-design/#reply961291

Smazaný účet KvotlhHqXE

(39 hodnocení)

1. 11. 2013 18:37:46

Napsal Sharkit;1016408
Nejak nechapu na urcene šířky.Moc tě prosím trochu my to vysvětli.Asi se zasměješ ale fakt to nechápu :D
---------- Příspěvek doplněn 01.11.2013 v 18:19 ----------
Pokud tě můžu otravovat koukni do těch kodu a rekni kam vsude napsat width: 100% moc tě prosím já už jsem z toho fakt vyřízenej.
---------- Příspěvek doplněn 01.11.2013 v 18:23 ----------
Hle tak jsem to tam upravil ale nic se nezměnilo :( Do te hlavičky jsem to dal jen na tu Uvodni stranku(ZATIM) Ale porad nic
---------- Příspěvek doplněn 01.11.2013 v 18:25 ----------
Vlastne jo koukam že facebook se mi dostal až na konec té stránky.Ale ne cela ta hlavička.Nevadí tomu že ta hlava je vlastně kompletně v celku jako obrázek a ma šířku jen na 1350pixelů??
---------- Příspěvek doplněn 01.11.2013 v 18:29 ----------
Jestli mas cas tak se tam zase koukni něco udělám a hned to dávám na ten web.

Stiahol som si to k sebe a tiez som dal overflow:hidden prec.

a tu : #page

si zmen -10 na

left: 0px;

a postupne dalsie divy kde mas fixnute pozicie a sirky

1. 11. 2013 18:37:46

https://webtrh.cz/diskuse/jak-na-responzivni-design/#reply961290

Sharkit

1. 11. 2013 18:45:41

takze page takhle :

#page {

position: relative;