Jakub Glos
Webtrh.cz

Vývoj webových stránek na WordPressu a proklientský přístup pro freelancery

Třídenní infromacemi nabitý prezenční + online kurz v Praze od Webtrhu pouze za 2 871 Kč

Více informací

CSS min-height problém na mobilu

verified

(12 hodnocení)

28. 11. 2014 17:40:00

Ahoj,

ladím již hotový design stránek: http://demo.kybernaut.cz/vrananska, ale na mobilu mám problém s tím, že nastavené min-height pro section a ten div hned v ní prostě varianta 100% nezabírá a roztahuje se to moc dlouhé - nevíte, co s tím?

To, že min-height nefunguje ve FF až tak nevadí.

A druhá otázka - jak napozicovat ten portrét (řekněme, že neznáme jeho přesné rozměry), opticky do pravého spodního rohu .containeru avšak tak, aby začínal se spodkem obrazovky - container samotný je tak velký, jak obsah uvnitř). Na té samé stránce.

Takto: http://disk.kybernaut.cz/01_web.jpg

Předem díky!

Karolína

28. 11. 2014 17:40:00

https://webtrh.cz/diskuse/css-min-height-problem-na-mobilu/#reply1072295

verified

28. 11. 2014 21:21:12

Zeptej se na http://diskuse.jakpsatweb.cz.

28. 11. 2014 21:21:12

https://webtrh.cz/diskuse/css-min-height-problem-na-mobilu/#reply1072294

verified

(39 hodnocení)

28. 11. 2014 22:05:51

Promiň za trochu OT, ale jak jako že nejde ve FF? Vždyt je to CSS2 http://www.w3schools.com/cssref/pr_dim_min-height.asp

28. 11. 2014 22:05:51

https://webtrh.cz/diskuse/css-min-height-problem-na-mobilu/#reply1072293

verified

(93 hodnocení)

28. 11. 2014 23:02:24

Min-height je podporován v současné době VŠEMI prohlížeči, viz. http://caniuse.com/#search=min-height

Pravděpodobně používáš min-height na nepodporovaném elementu.

vyjde to tak, že

bude mít v CSS

a portrét, pravděpodobně

bude v CSS mít zapsáno

28. 11. 2014 23:02:24

https://webtrh.cz/diskuse/css-min-height-problem-na-mobilu/#reply1072292

verified

(12 hodnocení)

1. 12. 2014 22:23:49

Problém nakonec nebyl v min-height jako takovém, ale v jednotkách - místo procent bylo třeba použít "vh":

http://stackoverflow.com/a/16837667

1. 12. 2014 22:23:49

https://webtrh.cz/diskuse/css-min-height-problem-na-mobilu/#reply1072291

Pro odpověď se přihlašte.

Prodej Více

Prodej eshopu esensino.cz

968 000 Kč

0 příhozů

Doména gamebase.cz

10 000 Kč

0 příhozů

Vyhledávač zboží – TVUJ-OBCHOD.CZ

14 000 Kč

1 příhoz

Prodám rozpracovaný projekt- jetmarket.cz

20 000 Kč

0 příhozů

Prodám firemní identitu, včetně webu a domény

65 000 Kč

0 příhozů

Poptávky Více

Projekt – kreativa, výrobky, rukodělné produkty

Spoznajme sa a spolupracujme!

Vytvoření banneru pro novou restauraci na celou stránku A4

Hledáme business partnera pro AI projekt s přesahem do marketingu (anglicky mluvící země)

Admin vypomoc 150kc/h

Pracovní nabídky Více

Data Engineer Trainee

IT analytik – Bankovnictví

Projektově-obchodní manažer medior / senior

Hledá se parťák do vzrušujícího světa AI

IT specialista | PHP programátor

Nabídky Více

📱 Design mobilních aplikací

📱 Design mobilních aplikací

Vytvoření videa ve formátu 1920*158px

Spolehlivá grafička na volné noze | Logotvorba | Tiskoviny | Branding | Weby a e-shopy

Nabízíme vývojáře PHP, React, Typescript, C#, Python, Node.js a Java.