Problém s kopírováním pozadí webu do stran

**since** · 06.02.2012 22:47

Ahoj,

potřebuji vyřešit problém s kopírováním pozadí na webu do stran (width: 100%;)

je zajímavé, že pokud změnším na šířku okno, tak se to pozadí přestane kopírovat do konce pravé strany prohlížeče ale začne tam zůstavat čím dál větší mezera. (nevzathuje se na body background)

Chtěl bych to demonstrovat například na serveru omlazeni.cz - fialová lišta nahoře

Pokud uchopím pravou stranu prohlížeče a zmenším ji více jak za polovinu monitoru, následně spodní lištu posunu doprava tak vidím, že červená horní lišta je zaseknutá v určité šířce od pravé strany a nekopíruje se až do konce prohlížeče.

je to normální, nebo se s tím dá něco dělat? Všiml jsem si toho na iphonu.

Děkuji za rady

Pulsedriver poptává: Poptavam grafiku webu
Garfieldik poptává: Design vizitky
WIG poptává: Hledame grafiky - webdesign

**jiriki** · 07.02.2012 00:18

problemem je ze v sekci bazar jsou prave preview moc siroke a pokud si to projedete v chrome inspektorovi, tak zjistite, ze konec je az skoro na kraji bileho pozadi, ale #page ma jeste 20px pravy padding a o ten kousek to pak odskoci

**since** · 07.02.2012 10:39

Ne, to není to, o co se mi jedná.

Viz. obrázky:

Takto by mělo vypadat horní pozadí webu - kopírovat se až do konce stránky:

normal.jpg

A tady je problém, pokud se podívám například na mobilu nebo zmeněím n šířku okno prohlížeče, tak se stane to, že se horní pozadí přestane kopírovat až do konce stránky. Na mobilech to budí blbý dojem.

wrong.jpg

Potřebuji vědět, zda s tím jde něco dělat, neboť řeším stejný problém na svých stránkách.

Děkuji za rady

**jiriki** · 07.02.2012 10:56

aha ještě navíc toto :) problémem je, že div#header nemá pevnou šířku jako zbytek a tak se roztahuje podle nadřazeného prvku (v tomto případě body). Na většinu normálních prohlížečů bude stačit přidat do css #header min-width:1031px

každopádně se tím nevyřeší co jsem už psal - zkuste si okno zmenšit přesně na obsah - pořád půjde posunout stránku dolním posuvníkem o 20px do prava kvůli tomu, co jsem psal minule

**since** · 07.02.2012 11:28

To se mi nezdá. Pokud mám <body> na kterým je natavený {width: 100%;} a v <body> mám <div>, kterej má nastavený opakování do strany a taky "width: 100%;" - dělá to úplně stejnou věc pokud zmenším prohlížeč. A to na stránce nic jinýho není. Na tom přece není co pokazit :/[COLOR="Silver"]

PS: toho druhého problému jsem si všiml ale na mém webu nepotřebuji něco takového řešit. Jde mi čistě o ten problém s pozadím prvku při opakování do strany.

**Jan Matoušek** · 07.02.2012 11:33

100% znamená na okno prohlížeče, pokud zmenšíš prohlížeč tak to máš 100% stále na okno prohlížeče, ale už ne 100% na šíři obrazovky.

**jiriki** · 07.02.2012 11:47

Když nevěříte radám ostatních aniž to vyzkoušíte, tak proč chcete poradit?

V jiném divu není vpravo absolute prvek, který se ignoruje když se počítá šířka containeru jako to menu s přihlášením

1minuta práce = otevřít stránku v chrome, zkontrolovat prvek div#header a přidat do něj v inspektoru atribut style="min-width:1031px" a vše funguje jak má.

**Jan Matoušek** · 07.02.2012 12:00

já to nepopírám, já jen vysvětloval proč to tak dělá, min width funguje;-)

**jiriki** · 07.02.2012 12:03

To byla reakce na Since - osloveni ve 3ti osobě, tak to neberte osobně Paradiso :)

**Jan Matoušek** · 07.02.2012 12:29

Jej, mě to nedošlo, tak to se omlouvám:-)

Problém s kopírováním pozadí webu do stran

Nástroje témat

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

Podobná témata

Jak se stavíte ke kopírování webu členem Webtrhu?