Stránka 1 z 1

CSS pozadí - problém s opakováním

Napsal: 16 dub 2014 18:26
od kuxik009
Zdravím,
mám CSS pozadí:

Kód: Vybrat vše

html
 {
    height: 100%;
 }


body
 {
  background-color: #A9A9A9;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 11pt;
  height: 100%;
 }

které vypadá zhruba takto:
Výstřižek1.PNG

jenže když text zasahuje "pod obrazovku" a musí se rolovat, vypadá to takto:
Výstřižek2.PNG
Výstřižek2.PNG (7.94 KiB) Zobrazeno 1030 x

Chtěl bych, aby bílý pruh pokračoval tak dlouho, dokud pokračuje text. Hledal jsem na internetu, zkoušel jsem background-repeat: repeat-y;, background-attachment:scroll;, background-attachment:fixed;, jenže nic nezabralo. Samozřejmě, že by šlo nastavit obrázkové pozadí, které by vypadalo jako ty pruhy a pak prostě nastavit opakování na ose y, ale to mi přijde nepřizpůsobivé, takže to bych použil jen v nejvyšší nouzi. Máte někdo nápad, jak vyřešit můj problém? Díky.

Re: CSS pozadí - problém s opakováním

Napsal: 16 dub 2014 18:46
od LuCaCZ
tak řekl bych že to bude tím

Kód: Vybrat vše

html
 {
    height: 100%;
 }

dej to pryč

Re: CSS pozadí - problém s opakováním

Napsal: 16 dub 2014 18:55
od kuxik009
Když to dám pryč, udělá to tohle:
85.PNG

Re: CSS pozadí - problém s opakováním

Napsal: 16 dub 2014 19:06
od LuCaCZ
Nemáš někde v css použitý float? Pak bys měl dát třeba patičce CSS vlastnost clear:both

Re: CSS pozadí - problém s opakováním

Napsal: 16 dub 2014 20:08
od Petr Hnátek
Místo:

Kód: Vybrat vše

height: 100%;


dej:

Kód: Vybrat vše

height: auto;

Re: CSS pozadí - problém s opakováním

Napsal: 16 dub 2014 21:10
od kuxik009
Petr Hnátek: Nefunguje ani u html ani u body. Zase to ukazuje toto Obrázek
LuCaCz: float mám použit jenom takto:

Kód: Vybrat vše

#menu
 {
  position: relative;
  float: right;
  width: 160px;
  text-align: right;
  top: 55px;
 }

Kód: Vybrat vše

#obsah
 {
  position: relative;
  width: 690px;
  float: left;
 }

Co tam mám teda prosím dopsat aby to fungovalo? Díky

Re: CSS pozadí - problém s opakováním

Napsal: 16 dub 2014 21:27
od mistr moskva
kuxik009: Je to problém s float. Musíš tam dát čistič - tj prvek, který má nastaveno clear: both.

http://www.jakpsatweb.cz/css/clear.html

Hoď ho pod prvek obsah

Re: CSS pozadí - problém s opakováním  Vyřešeno

Napsal: 16 dub 2014 21:32
od LuCaCZ
za koncový tag s id obsah nebo menu (ten co je jako druhý) vlož ještě jeden třeba id="paticka" a v CSS nastav #paticka {clear:both}
nebo <br style="clear:both">

tím se vyruší to obtýkání

Re: CSS pozadí - problém s opakováním

Napsal: 16 dub 2014 21:41
od kuxik009
Super, už to funguje! Udělal jsem to podle LuCaCz. Díky moc!