plovoucí obrázek

Mám problém.
Dejme tomu, že mám div#kontejner {margin:auto;}, v IE centrovanej na střed pomocí rodičovskýho prvku <body>
A potřebuju VEDLE toho divu mít gif (konkrétně vlevo), kterej se bude posouvat k okraji stránky společně s tím divem, pokud bude menší rozlišení monitoru. Když dám absolutní pozicování, je jasný, že se nikam posouvat nebude, když dám relativní vůči <body>, celý se to rozhodí, když dám relativní vůči #kontejner, zařadí se pod něj... Když ho obalím s #kontejnerem do jednoho centrovanýho divu, nebude #kontejner na středu...
Jak to teda udělat?

kontejner má být uprostřed body a ve volném místě vlevo má být obrázek? A co vrazit ho v kódu do toho kontejneru a dát mu záporný levý margin o velikosti jeho šířky + požadovaná mezera mezi kontejnerem a obrázkem? (nezkoušela jsem to)

No, zkusim, ale to mi stoprocentně rozhodí ostatní divy uvnitř kontejneru :-/

no ještě by kontejner v takovém případě měl mít position: relative a ten obrázek v něm absolute, tím by nic neměl rozhodit

Tak jsem to zkusila a nic - doslova. Prostě vůbec se ten gif nezobrazí. :(

a myslela jsi to takhle nějak?
http://kocky.virtualne.cz/laura/index.htm

Jo, přesně tak a taky mám dojem, že to tak mám napsaný, ale ten hajzlík se prostě nezobrazuje... Asi mám někde chybu...

no tak už nedělej drahoty a ukaž to ;-)

No, když jsem tomu img dala id, tak to snad už funguje :) ...ale koukám na to v IE (jsem v práci) Jak to vypadá ve FF?

No pokud se jedná o stránky alansunderwear.wz.cz a nápis psacím písmem vlevo otočený o 90 stupňů, tao to ve FF vypadá stejně jako v IE. Nechci tě rozesmutnit ;-), ale v Opeře 8.0 ten nápis nevidím.

No a to je to, o čem mluvím :( Nechápu to :(

A jinak - neni to v opeře rozhozený?

nn jinak to v opeře vypadá dobře, trochu jsem to poklikala a ok. Jen ten nápis tam není. Těžko řáct, kde je schovanej, asi pod tím zbytkem.

No, prostě tím přidáním id se změnilo jen to, že se nápis přestal schovávat pod zbytkem ve FF a IE. Předtim to takhle vypadalo ve všech prohlížečích... CHjo :( Zkusim to ještě projet validátorem css...

pak jedině si ještě zkus pohrát se z-indexem.. jestl to nemůže v tý Opeře být tím...

Dala jsem tam z-idex: 100 :)
Nějaká změna?

Nee. Aspoň teda u mě ne.

Lauro, moje Opera je z těch tvých stránek úplně nemocná. Sotva zobrazí tvou stránku, tak spadne. Zkusila jsem provést i upgrade na verzi 8.5, ale nic, stále padá a nápis nikde.
:-D

hm :(

Hele, to by mohlo souviset s tímhle!
Sakra, teď jsem sem chtěla hodit link na muj thread ohledně problému s načítáním obrázků na mých stránkách s doménou wz.cz - to se děje jednomu uživateli s Operou... Ale vypadá to, že ten thread někdo smáznul...

Á pozor - pořád jsem si pohrávala s myšlenkou, že ten obrázek je někde blbě umístěnej. A taky jo! Zvětšila jsem si to v opeře na celou obrazovku v rozlišení 1280x1024 a já ten obrázek vidím. Teda né celej, ale kousek ho vyčuhuje u levýho okraje stránky. Ale vidím ho jen při zvětšení na celou obrazovku.

http://psb.wz.cz/laura/laura.jpg - nechala jsem to velký, ať je to líp vidět, má to skoro 300kB

Aha... já ten margin odhadla, dla jsem tam -300px... zkusim menší...

Ne, když dám míň v IE je to někde uprostřed kontejneru... Já nevim :-/

Ona si to ta opera asi sčítá s něčím dalším?
Anebo to počítá až od levýho okraje kontejneru?

no obávám se že záporný margin asi nebude tak úplně standardní záležitost... máš tři možnosti:
a) vykašlat se na Operu
b) zjistit si hacky na Operu a vymyslet řešení pro ni
c) udělat to jinak; napadá mě třeba obalit ten středový div ještě jedním větším, neviditelným, který bude přesahovat na obě strany (bude taky centrovaný), a ten obrázek bude mít na pozadí, nastavenej pomocí background-position a no-repeat...

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

plovoucí obrázek

Nové příspěvky