Jak zajistit roztažení pozadí na stránce

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Zamčeno
Uživatelský avatar
cosmosD
Level 3
Level 3
Příspěvky: 437
Registrován: 10 úno 2011 18:31
Bydliště: Praha

Jak zajistit roztažení pozadí na stránce

Příspěvek od cosmosD »

Čau, mám nakódovanou stránku, obsah mám široký 900 px a vycentrovaný na střed. Chci však, aby mi např. pruh ve kterém mám navigaci pokračoval i dál až pro rozlišení 1920 px a takto to chci i pro obsah - ten má taky background a chci aby taky pokračoval, to samé pro footer. Elementu body background dát nemůžu, protože header, obsah a footer má jiné pozadí.
Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: 21 bře 2011 00:02

Re: Jak zajistit roztažení pozadí na stránce

Příspěvek od LuCaCZ »

Každý prvek (menu, obsah, patička) dej do dalšího divu, který bude mít šířku 100% a právě to pozadí.
Uživatelský avatar
cosmosD
Level 3
Level 3
Příspěvky: 437
Registrován: 10 úno 2011 18:31
Bydliště: Praha

Re: Jak zajistit roztažení pozadí na stránce

Příspěvek od cosmosD »

ale ja to mam cely ve wraperu, ktery mam prave na tech 900 px, tak se to bude stylovat vzhledem k tomu. Nebo jsem te jen spatne pochopil
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: Jak zajistit roztažení pozadí na stránce

Příspěvek od CZechBoY »

no musíš mít wrapper s width: 100%, min-width: 900px - tohle vlastně budou mít všechny overally - header, content, footer - prostě všechno co má mít to pozadí na 100% šířky
potom si uděláš v každým bloku ještě další blok na text - header-text, content-text, footer-text

mělo by to jít celkem jednoduše, jen html bude natáhnutý jak u každýho amatérskýho webu :D (10 zanoření třeba :D )
když nebudeš vědět tak napiš a pošli grafickej návrh jestli je možné poskytnout
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Uživatelský avatar
cosmosD
Level 3
Level 3
Příspěvky: 437
Registrován: 10 úno 2011 18:31
Bydliště: Praha

Re: Jak zajistit roztažení pozadí na stránce

Příspěvek od cosmosD »

Jo diky, udelal jsem to tak ;)
Zamčeno

Zpět na „Programování a tvorba webu“