Autor Zpráva
halogan
Profil
Dobrý den,
mám přibližně takovouto strukturu:


<div id="page">
<div id="content">
</div>
</div>


Div s id page má na pozadí logo a kus pozadí, div s id content má na pozadí opakující se pattern. Problém je ten, že potřebuji pattern hodit pod to logo, aby to hezky pokračovalo. Problém je ten, že to zvládá jen Gecko. Před rokem jsem tento problém řešil, ale už nevím jak.
CSS je následující:

div#page {
text-align: left;
margin: 0 auto;
width: 759px;
position: relative;
z-index: 5;
background: url("hlavicka.png") top right no-repeat;
}

div#content {
width: 750px;
margin-left: 1px;
clear: both;
padding-top: 30px;
padding-left: 10px;
position: relative;
top: 30px;
z-index: -1;
background: url("pasmo.png") bottom left repeat-y;
}

Příklad:
[url=http://monami.php5.cz/zbiroh
]http://monami.php5.cz/zbiroh
[/url]

Díky za nápady.

Aktualizace: Tak když sem to řešil minule, tak sem tam hodil fixní výšku, protože to jinak nešlo, to teď nemohu :/
Šlaha
Profil
Nešlo by to přes position: relative;?
Leo
Profil
Tak proste prohodte ty divy v htm kodu nebo obrazky na pozadi, ktery u nich mate, ne? Leo
halogan
Profil
Šlaha: Kouknul jste se na obě ty CSS? Oba prvky mají position: relative...
halogan
Profil
Leo: To právě nejde, protože pokud page dám opakující se pattern, tak se bude opakovat už od shora a nejde tam background-position, protože to je repeat-y

Btw právě jsem celé logo dal do h1, funguje to všude (nevím jak v IE, nemám ho), ale nejde na nic klikat :) No nic, jdu si hrát dál.
Fred
Profil
Tohle mi funguje i v IE, to v odkazu ne, pozor předělal jsem cesty k obrázkům. Chtělo by to upravit ten obrázek v hlavičce, tam co je ten podtržítkový hack s horním marginem to blbne stejně v Opeře jako v IE, takže když se upraví obrázek ten hack tam nemusí být.

* {
margin: 0;
padding: 0;
}
body, html {
width: 100%;
height: 100%;
background: #fff url("bgpattern.png") fixed;
font: 90% Verdana, Tahoma, sans-serif;
text-align: center;
position: relative;
z-index: 0;
}
div#main {
background: url("bgp.png") repeat-x;
width: 100%;
height: 100%;
}
div#page {
text-align: left;
margin: 0 auto;
width: 759px;
position: relative;
z-index: 5;
}
h1 {
position: relative;
width: 759px;
height: 411px;
margin-bottom: -411px;
text-indent: -3000em;
}
h1 span {
display: block;
width: 100%;
height: 100%;
background: url("hlavicka.png") top right no-repeat;
}
div#menu {
position: relative;
z-index: 40;
float: left;
margin-top: 30px;
background: url("menu-bg.png");
padding: 18px;
font-weight: bold;
font-size: 85%;
}
div#menu ul li {
display: inline;
list-style-type: none;
color: white;
}
div#menu ul li a {
color: white;
text-transform: uppercase;
text-decoration: none;
}
div#content h2 {
clear: both;
margin-top: 170px;
_margin-top: 140px;
background: url("pasmo.png") bottom left repeat-y;
}
div#content {
width: 750px;
padding-left: 0;
margin-left: 1px;
}
div#content p {
background: url("pasmo.png") bottom left repeat-y;
}
div#footer {
clear: both;
margin-left: 1px;
font-size: 90%;
background: url("pata.png") bottom left no-repeat;
height: 99px;
position: relative;
}
div#footer p {
position: absolute;
bottom: 10px;
left: 10px;
}
Fred
Profil
Jo a sorry, že jsem to sem celé vložil, nevím co všechno jsem tam přepisoval, musel jsem si to kvůli té modré mrše stáhnout.
halogan
Profil
Jejda, Frede, omlouvám se, ale stáhl sis to z webu právě v době, kdy jsem tam nahrál testovací verzi, která nefunguje v žádném prohlížeči, zobrazí se všude korektně, ale nedá se klikat :) Promiň, nahraju tam tu zabugovanou asi za hodinu až půjdu do windows.
Fred
Profil
Aha, v pohodě :-)
halogan
Profil
Ano! Dokonáno! Vložil jsem tam jeden div (content-in), z page jsem odstranil bg image a hodil ho do content-in, hrál si s tím pár hodin a hotovo, bezva, díky.
Fred
Profil
Jj taky už pár hodin dolaďuji IE a je to fakt opruz.
halogan
Profil
Fred: Než ta otravná optimalizace bylo horší strávit několik hodin v pekle (windows)
Fred
Profil
Na to jsem moc velká lama, abych tohle pochopil, protože neznám nikoho kdo by mě s tím linuxem helpnul. Jsem holt starej kmet. Koupil jsem si suse pro a spousta věcí byla nad mé síly. A tak přes nesporné kvality jsem musel zůstat u winu, protože na to prostě nemám čas. Na druhou stranu programy které nejsou open source už ani nestahuji a snažím se používat jen to co funguje zároveń na linuxu, protože touha přejít je trvalá. Nedávno jsem si stáhnul ubuntu iso, chtěl jsem to naistalovat natvrdo na druhý počítač, ale prostě jsem to nerozběhal :-( . No jo jsem OT.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0