Autor Zpráva
Brko
Profil *
#1 · Zasláno: 12. 2. 2007, 08:28:31
Odpovědět Citovat
Ahoj. Mám problém s pozicováním.
Potřebuju jeden div vyjmout z pozicování, tak jsem mu nastavil position:absolute; a div potom umístil přímo do body, které pozici nemá nastavenou.
Ve všech prohlížečích to funguje normálně, jen v IE se to umisťuje podle levého horního rohu divu header.
Nastavil jsem u vyjmutého divu nejvyšší z-index a nic.
Poradí někdo?
Railbot
Profil
#2 · Zasláno: 12. 2. 2007, 08:42:55
Odpovědět Citovat
Brko
Nepoužívej absolutní pozicování, dělá to občas problémy. Relativní by nestačilo?
Brko
Profil *
#3 · Zasláno: 12. 2. 2007, 09:00:38
Odpovědět Citovat
Vysvětlím příklad:

"body" má nastavený background url: a opakuje se po repeat-x (stínování). pomocí absolute jsem chtěl navíc do levého horního rohu "body" umístit logo firmy.
Bubák
Profil
#4 · Zasláno: 12. 2. 2007, 09:23:35
Odpovědět Citovat
Napozicovat něco do levého horního rohu jiného elementu býva triviální záležitost, nejvhodnější bude, když dáš odkaz na stránku.
Brko
Profil *
#5 · Zasláno: 12. 2. 2007, 09:46:51
Odpovědět Citovat
No právě. Ale mně v IE nefunguje ať dělám cokoliv. Jedná se o .obraz (Body and tag styles). Stránky zatím nejsou funkční.

www.baston.cz/katalog

Díky
Bubák
Profil
#6 · Zasláno: 12. 2. 2007, 10:04:24
Odpovědět Citovat
position:absolute;
top: 0;
left: 0; /* muzes pouzit jine hodnoty */
z-index: 50; /* deklarace je zbytecna, muzes ji vymazat */
Brko
Profil *
#7 · Zasláno: 12. 2. 2007, 10:15:10
Odpovědět Citovat
Diky. Uz to funguje. z-index tam zustal, protoze jsem zkousel vse mozne.
Myslel jsem ze levy horni roh se nastavuje: background:#e8eaec url(/katalog/images/weblogo.png) no-repeat 0 0; - ty dvě nuly na konci. Takze asi ne.
Jeste jednou dik.
Bubák
Profil
#8 · Zasláno: 12. 2. 2007, 10:40:54 · Upravil/a: Bubák
Odpovědět Citovat
ty dvě nuly na konci
Tím nastavíš umístění pozadí v elementu. Ale tys potřeboval napozicovat <div class="obraz"></div>.
Leo
Profil
#9 · Zasláno: 12. 2. 2007, 10:47:08
Odpovědět Citovat
A co treba ukazka html a css kodu? Ono zalezi na okolnostech, Leo
tiso
Profil
#10 · Zasláno: 12. 2. 2007, 11:33:50
Odpovědět Citovat
Brko
Pokiaľ to má byť len obrázok na pozadí a nemusí to byť link tak stačí takto: 
<body><div id="logo">

...cely obsah stranky...

</div></body>

css: 
#logo{background:#e8eaec url(/katalog/images/weblogo.png) no-repeat 0 0;}
brko
Profil *
#11 · Zasláno: 14. 2. 2007, 18:58:12
Odpovědět Citovat
tiso:
#logo{background:#e8eaec url(/katalog/images/weblogo.png) no-repeat 0 0;}

Tak to právě nestačilo. Musí tam být

top: 0;
left: 0;

Jinak to IE nesprávně přiřazuje. Netuším proč. V Opeře a Mozille to stačí.
Bubák
Profil
#12 · Zasláno: 14. 2. 2007, 19:31:37
Odpovědět Citovat
Tak to právě nestačilo. Musí tam být...
Tys použil něco takového (pominu jiný název ID):
<body>
<div id="logo"></div>
...cely obsah stranky...
</body>

tiso navrhnul odlišnou strukturu bez zbytečného pozicování:
<body><div id="logo">
...cely obsah stranky...
</div></body>
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0