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:
jenže když text zasahuje "pod obrazovku" a musí se rolovat, vypadá to takto:
- Výstřižek2.PNG (7.94 KiB) Zobrazeno 1183 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
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:
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
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
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
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!