Problém s opakujícím se pozadím <body>

11. 6. 2013 12:05:07

Pěkný den všem,

řeším problém - kóduji jednu šablonu pro WP (náhledy jsou work in progres) a řeším chybu v pozadí elementu .

Pozadí má fungovat tak, že bude vždy po celé výšce webové stránky (tedy tak, jak by to fungovalo, kdybych přiřadil repeat-y pro element .

Nicméně - nefunguje to tak :)

Když je málo obsahu (resp. když se obsah vleze na aktivní výšku viewportu), vše funguje perfektně (viz http://www.veselyplneni.cz/wp/)

Nicméně když obsah přeteče přes výšku obrazovky, pozadí se nedopočítá (vidět je to zde http://www.veselyplneni.cz/wp/?page_id=21).

Nenapadá Vás někoho, co s tím?

Díky předem všem

PS: Části kódu, které to ovlivňují

html, body {
height:100%;}

width:940px;
margin-left:auto;
margin-right:auto;
background: url(images/bg_body.gif) repeat-y;
box-shadow: 0px 1px 10px #42220d;
behavior: url(PIE.htc);
min-height:100%;

11. 6. 2013 12:05:07

https://webtrh.cz/diskuse/problem-s-opakujicim-se-pozadim-body#reply911443

Jakub Kočí

(35 hodnocení)

11. 6. 2013 12:55:01

Zruš v html,body height:100% a ve footeru zruš taky height. Pak už to jenom doladíš.

11. 6. 2013 12:55:01

https://webtrh.cz/diskuse/problem-s-opakujicim-se-pozadim-body#reply911442

myinfinity

(6 hodnocení)

11. 6. 2013 12:55:48

Doporucil bych ti z body, html vyhodit height:100% a pozadi udelat pres samostatny divy s fixni pozici.

11. 6. 2013 12:55:48

https://webtrh.cz/diskuse/problem-s-opakujicim-se-pozadim-body#reply911441

Lukáš

(9 hodnocení)

11. 6. 2013 13:17:39

Napsal jkoci;960694
Zruš v html,body height:100% a ve footeru zruš taky height. Pak už to jenom doladíš.

To nevím, v čem mi to pomůže ... nic to neudělalo

---------- Příspěvek doplněn 11.06.2013 v 13:18 ----------

Napsal myinfinity;960695
Doporucil bych ti z body, html vyhodit height:100% a pozadi udelat pres samostatny divy s fixni pozici.

bych právě chtěl, aby to pozadí sjíždělo. Ale zkoušel jsem to i tak, jak říkáš. Nicméně mi to nefungovalo. Nemáš to někde "prakticky" ? Díky moc

11. 6. 2013 13:17:39

https://webtrh.cz/diskuse/problem-s-opakujicim-se-pozadim-body#reply911440

myinfinity

(6 hodnocení)

11. 6. 2013 13:37:30

Tam kde mas "obsah" stranky si vloz prazdny div a nastyluj mu pozadi, sirku a fixni pozici, top:0; bottom:0.

Popripade si vloz ten div s pozadim kamkoliv, klidne na konec stranky, jen ho navic vycentrujes, left:50%;margin-left:-"polovina sirky stranky".

11. 6. 2013 13:37:30

https://webtrh.cz/diskuse/problem-s-opakujicim-se-pozadim-body#reply911439

Lukáš

(9 hodnocení)

11. 6. 2013 13:54:41

Napsal myinfinity;960722
Tam kde mas "obsah" stranky si vloz prazdny div a nastyluj mu pozadi, sirku a fixni pozici, top:0; bottom:0.
Popripade si vloz ten div s pozadim kamkoliv, klidne na konec stranky, jen ho navic vycentrujes, left:50%;margin-left:-"polovina sirky stranky".

Tak tohle je ono!

Díky moc

11. 6. 2013 13:54:41

https://webtrh.cz/diskuse/problem-s-opakujicim-se-pozadim-body#reply911438

Pro odpověď se přihlašte.

Přihlásit