HTML + CSS při změně šířky se změní celé rozložení stránky

Zuzana Kristlova

verified

20. 10. 2015 12:35:36

Dobrý den,

Mám takový problém že se mi web sám mění

kdy se změní

Jiné Rozlišení než 1920x1080
změnění šířky okna
změnění výšky okna

SCRIPTY

CSS -> http://pastebin.com/xhiD186W
INDEX -> http://pastebin.com/nnsmRc1X

Neporadí někdo kde jsou chybky ?

Nejlépe rovnou jaká je chyba a jak se dá opravit.

Děkuji

Z. Kristlová

20. 10. 2015 12:35:36

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/html-css-pri-zmene-sirky-se-zmeni-cele-rozlozeni-stranky/#reply1147515

verified

20. 10. 2015 12:42:52

Problém je například v tom, že nikde nemáš definovanou pevnou minimální šířku, ale vše v procentech, tudíž je jasné, že se to s každou změnou okna bude přepočítávat.

20. 10. 2015 12:42:52

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/html-css-pri-zmene-sirky-se-zmeni-cele-rozlozeni-stranky/#reply1147514

verified

20. 10. 2015 12:43:25

Problém je například v tom, že nikde nemáš definovanou pevnou minimální šířku, ale vše v procentech, tudíž je jasné, že se to s každou změnou okna bude přepočítávat.

20. 10. 2015 12:43:25

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/html-css-pri-zmene-sirky-se-zmeni-cele-rozlozeni-stranky/#reply1147513

Zuzana Kristlova

verified

20. 10. 2015 12:48:08

i když dám

body {margin: 0; background: #EFEFEF; min-width: 1920px; min-height: 1080px;}

tak mi to dělá pořád.

VIZ:

OK

PROBLEM

20. 10. 2015 12:48:08

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/html-css-pri-zmene-sirky-se-zmeni-cele-rozlozeni-stranky/#reply1147512

verified

20. 10. 2015 15:54:11

Problém není v tom, že se mění.. Problém máte v tom, že nemáte nastavené velikosti webu pro různé velikosti obrazovky.. Zkuste používat v CSS @media

viz. https://www.zdrojak.cz/clanky/jak-predelat-web-na-responsivni/

---------- Příspěvek doplněn 20.10.2015 v 15:56 ----------

Jo a na tom prvním máte v hlavičce "How can help", což očekávám, že bude blok, který posune ten text pod ním níže.. Na druhém screenu ho nevidím..

---------- Příspěvek doplněn 20.10.2015 v 15:58 ----------

Chápu správě, že je to sice stejná URL, ale máte tam dva různé kódy, že? Protože na každém screenu je něco úplně jiného...

20. 10. 2015 15:54:11

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/html-css-pri-zmene-sirky-se-zmeni-cele-rozlozeni-stranky/#reply1147511

Pro odpověď se přihlašte.

Prodej Více

zatmaveno.cz | doména pro tónování autoskel, fólie na okna a stínicí techniku

4 000 Kč

0 příhozů

Elitni.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

99 000 Kč

0 příhozů

333 000 Kč

0 příhozů

Amzn.sk doména na prodej

100 000 Kč

0 příhozů

Prodám ledmarket.cz + ledmarket.sk – domény po LED e-shopu

900 €

0 příhozů

Poptávky Více

Poptávka těhotenského focení – Vysoké Mýto, Litomyšl, HK, Pce

Poptávka: Modelka pro natáčení reklamního spotu (Brno)

Hledám tváře pro TFP focení v Českých Budějovicích

Doporučení na daňového poradce Frýdek-Místek

Nové zakázky pro freelancery a dodavatele

Pracovní nabídky Více

Vedoucí IT (CTO)

HĽADÁME IDM / IAM ŠPECIALISTU – MidPoint!

70 000 - 90 000 Kč

Atlassian Consultant (Junior/Medior)

Marketing + budování e-shopu – Boskovice, Blansko a okolí

30 000 - 50 000 Kč

Nabídky Více

ArbiSport — scanner surebetů pro CZ a SK sázkovky | 3 dny zdarma

Senior Full-stack Developer | Vývoj webových aplikací a systémů na míru | Angular, React, Java

Nabízíme reklamu v rádiu

Tvorba webových stránek a e-shopů | WordPress, WooCommerce, PrestaShop | Od roku 1999

[OpenServis] Rychlá tvorba e-shopu na PrestaShopu – základ do 5 prac. dní, od 10 000 Kč