Jak na blok se stoprocentní šírkou bez absolutní pozice

Lukáš

(9 hodnocení)

2. 4. 2014 09:31:57

Zdravím všechny,

chtěl bych na web umístit (do obsahu, který měl šířku pouze 960px) blok, který by se táhl až ke krajům prohlížeče.

Nicméně - celý web je napsán tak, že se nepočítalo s blokem na celou šířku a musel bych jej z velké části překódovat.

Zkoušel jsem

position:absolute;

left:0px;

width:100%;

Jenže problém nastane díky absolutní pozici - celý zbytek webu se mi jakoby "schová" pod tento blok. Takto se to dá asi použít např. u patičky, nicméně - v obsahu nikoliv.

Nevíte někdo, jak na to?

2. 4. 2014 09:31:57

https://webtrh.cz/diskuse/jak-na-blok-se-stoprocentni-sirkou-bez-absolutni-pozice#reply1011726

Roman

(11 hodnocení)

2. 4. 2014 09:47:03

a co to udělat tak že budete mít div, ten šířku 960 tam bude např logo, menu...div ukončíte, pak následuje ten, co má 100 procentní šířku v něm "něco", ten ukončíte, a pak zas ten prvně zmíněný (nebo identické vlastnosti) ?

2. 4. 2014 09:47:03

https://webtrh.cz/diskuse/jak-na-blok-se-stoprocentni-sirkou-bez-absolutni-pozice#reply1011725

Lukáš

(9 hodnocení)

2. 4. 2014 09:50:34

toto asi moc nepoužívá, že? :) Ale vlastně proč ne! Díky!

2. 4. 2014 09:50:34

https://webtrh.cz/diskuse/jak-na-blok-se-stoprocentni-sirkou-bez-absolutni-pozice#reply1011724

Aleš Trunda

(16 hodnocení)

2. 4. 2014 11:02:23

Napsal Lukáš Jakubíček;1074533
toto asi moc nepoužívá, že? :) Ale vlastně proč ne! Díky!

Nevím jak máte web řešený, ale toto je dost divné řešení, může způsobit v layoutu značné problémy. Nápad s position absolute je dobrý, pokud jej potřebujete dostat dozadu použijte z-index.

2. 4. 2014 11:02:23

https://webtrh.cz/diskuse/jak-na-blok-se-stoprocentni-sirkou-bez-absolutni-pozice#reply1011723

node

(5 hodnocení)

2. 4. 2014 11:51:25

k problemu s prekryvanim: http://www.w3schools.com/cssref/pr_pos_z-index.asp

2. 4. 2014 11:51:25

https://webtrh.cz/diskuse/jak-na-blok-se-stoprocentni-sirkou-bez-absolutni-pozice#reply1011722

Miloslav Lešetický

(10 hodnocení)

2. 4. 2014 11:55:26

Lukáš Jakubíček