Autor | Zpráva | ||
---|---|---|---|
halogan Profil |
#1 · Zasláno: 11. 6. 2005, 15:42:21 · Upravil/a: halogan
Dobrý den,
mám přibližně takovouto strukturu:
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 |
#2 · Zasláno: 11. 6. 2005, 16:22:55
Nešlo by to přes position: relative;?
|
||
Leo Profil |
#3 · Zasláno: 11. 6. 2005, 16:28:07
Tak proste prohodte ty divy v htm kodu nebo obrazky na pozadi, ktery u nich mate, ne? Leo
|
||
halogan Profil |
#4 · Zasláno: 11. 6. 2005, 16:35:47
Šlaha: Kouknul jste se na obě ty CSS? Oba prvky mají position: relative...
|
||
halogan Profil |
#5 · Zasláno: 11. 6. 2005, 17:07:23
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 |
#6 · Zasláno: 11. 6. 2005, 17:46:11
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 |
#7 · Zasláno: 11. 6. 2005, 17:56:13
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 |
#8 · Zasláno: 11. 6. 2005, 18:06:44
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 |
#9 · Zasláno: 11. 6. 2005, 18:12:08
Aha, v pohodě :-)
|
||
halogan Profil |
#10 · Zasláno: 11. 6. 2005, 21:48:04
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 |
#11 · Zasláno: 11. 6. 2005, 22:13:25
Jj taky už pár hodin dolaďuji IE a je to fakt opruz.
|
||
halogan Profil |
#12 · Zasláno: 12. 6. 2005, 00:05:14
Fred: Než ta otravná optimalizace bylo horší strávit několik hodin v pekle (windows)
|
||
Fred Profil |
#13 · Zasláno: 12. 6. 2005, 00:27:28
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.
|
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0