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

[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:

jenže když text zasahuje "pod obrazovku" a musí se rolovat, vypadá to takto:

Výstřižek2.PNG (7.94 KiB) Zobrazeno 1184 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.

[LuCaCZ]

tak řekl bych že to bude tím

Kód: Vybrat vše

html
 {
    height: 100%;
 }

dej to pryč

[kuxik009]

Když to dám pryč, udělá to tohle:

[LuCaCZ]

Nemáš někde v css použitý float? Pak bys měl dát třeba patičce CSS vlastnost clear:both

[Petr Hnátek]

Místo:

Kód: Vybrat vše

height: 100%;

dej:

Kód: Vybrat vše

height: auto;

[kuxik009]

Petr Hnátek: Nefunguje ani u html ani u body. Zase to ukazuje toto
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

[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

[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í

[kuxik009]

Super, už to funguje! Udělal jsem to podle LuCaCz. Díky moc!