logo
18.10.2019 11:39
1
Poradí mi prosím někdo? Nejsem schopen vymyslet jak napsat aby #left měl background image až do kraje obrazovky. Obrázek by měl být samozřejmě nedeformovaný a měl by sahat až dolů, tam kde končí "Hodně dlouhý text". Díky moc.

<div class="container">
<div class="row">
<div class="col-6" id="left">
Krátký text
</div>
<div class="col-6" id="right">
Hodně dlouhý text
</div>
</div>
</div>

Co se právě děje na Webtrhu?

18.10.2019 12:04
2
Ten bg by si měl dát na container a udělat to tak ať začíná v levo (0) a končí uprostřed (50%). To mi přijde jako nejjednodušší.
18.10.2019 12:10
3
container má max-width, nejde až do kraje...nebo radu nechápu. Kdyžtak kód zde https://codepen.io/Sipal/pen/abbmRjb
18.10.2019 13:23
4
Použijte container-fluid a vynulujte mu padding.
18.10.2019 13:29
5
Něco sem narychlo vytvořil zde: https://codepen.io/dominik-wbz/pen/QWWKJzW
18.10.2019 13:47
6
@RadekKoder - potřebuji container kvůli layoutu
@webiz.cz - díky, ale nefachá to, obrázek přelézá do spodního divu

Nakonec jsem to nějak vyhackoval přes relative wrapper a absolute img, overflow-x: hidden, padding-left: 500px a margin-left: -500px. Je to divočina,obrázek je tím pádem natažený i mimo screen, ale nejlepší co jsem zatím dokázal.
18.10.2019 17:00
7
Myslel jsem to takto:

<div class="container-fluid><!--zde aplikovat pozadí-->
<div class="container>

<!--zde dát layout-->

</div>

</div<!--end container-fluid-->

Tedy container obalit container-fluid :) Akorát nevím, zda chápu váš záměr.
19.10.2019 09:16
8
Chápu, ale tahle nenastavím background jen v tom levém sloupci. Nebo to neumím. Další problém by pak byl s responzivitou, až se mi pravý sloupec zalomí, tak by to asi nevypadalo dobře. Nicméně, nakonec jsem to vyřešil korektně, přes calc si spočítám potřebný margin a padding wrapperu a funguje to krásně i s responzivitou. Každopádně díky za návrhy.