Autor Zpráva
quiet_user
Profil
Ahoj,

mám tento kód, ale v IE mi ten objekt nedá ke spodní liště projektu. V MF a Opeře to funguje v pořádku, nevíte co přidat, odebrat, editovat? Díky moc.

#content {
  background-image: url(bottom.png);
  background-repeat: no-repeat;
  background-color: #D8DACD;
  background-position: center;
	height: 637px;
	width: 100%;
	position: fixed;
	margin: 0px auto;
	bottom: 0px;
	text-align: center;
}
panther
Profil
quiet_user:
neuvedl jsi verzi IE, tipuji šestku.
quiet_user
Profil
Ahoj panthere :-D

nene, 8,7 :-) starší nemám, ale řekl bych, že to bude to samé.
quiet_user
Profil
http://voblacich.cz/

tady je problém zachycen
Plaváček
Profil
quiet_user:

Aby ti fungovalo position:fixed, musíš si přepnout IE do standardního módu, nejlépe změnou DOCTYPE takto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

A pak si trochu upravit tuto definici:

#content {
  background-image: url(bottom.png);
  background-repeat: no-repeat;
  background-color: #D8DACD;
  background-position: center;
    height: 637px;
    width: 100%;
    position: fixed;
    margin: 0px auto;
    bottom: 0px;
    left: 0px;
    text-align: center;
}


A mělo by to fungovat. Nicméně - celé tvé CSS řešení je poněkud, řekněme, nestandardní, a nejspíš ti přinese víc problémů, než užitku.
quiet_user
Profil
Tak jsem to zkusil a funguje, ovšem celý obrázek se mi posunul vlevo místo toho, aby zůstal na středu:

body {
 margin: 0px;
 text-align: center;
 background-color: #d5d7ca;
}

#content {
  background-image: url(bg.jpg);
  background-repeat: no-repeat;
  background-color: #d5d7ca;
  background-position: center bottom;
	height: 637px;
	width: 1024px;
	position: fixed;
	margin: 0px auto;
	text-align: center;
	bottom: 0px;
	left: 0px;
}



obrázek:

1024x800

ještě něco tedy musím upravit... bohužel teď nevidím co...
Plaváček
Profil
quiet_user:

Jak to vidíš tady? http://klient.plavacek.net/fixed.html
quiet_user
Profil
WOW! Neviděl jsem ještě člena, který by si s tím dal práci a dokonce si to dal i k sobě a vyzkoušel. Ovšem teď jsem to možná dal opět bez ukázky, proběhla trochu změna obrázku a posunulo se to vlevo. Celý projekt je zde: ]www.voblacich.cz

Děkuji za zájem
Plaváček
Profil
quiet_user:

Z tohohle: width: 1024px; udělej tohle: width: 100%; Řekl bych, že tam je problém.

P.S. ještě mě napadlo - proč tam vlastně tlačíš extra DIV, když ten obrázek můžeš prdnout na pozadí elementu BODY?
quiet_user
Profil
Protože si nejsem jist faktem, že při zmenšení obrazovky bude ten obrázek přifixován ke spodní liště a nebude se skrývat pod ní.
Plaváček
Profil
quiet_user:

No, to by neměl. Viz třeba: http://klient.plavacek.net/fixed1.html
quiet_user
Profil
Ano, funguje, jen jsem se přepsal v cestě. Ovšem teď když chci mít dole vlaječky, tak to mám pozicovat pomocí paddingu? To budou nehorázně velké čísla.
quiet_user
Profil
Respektive:

http://www.voblacich.cz/

pokud zmenším (zminimalizuju) plochu (okno), tak se to dá úplně někam jinam.
Plaváček
Profil
quiet_user:

Mno, podívej, nemohu za tebe stavět celý web :) Za prvé nevím, jak má vlastně ve finále vypadat a za druhé - je evidentní, že v CSS trochu (hodně) tápeš. Zkus chvilku výrobu webu odložit a prostudovat si, jak to celé vlastně funguje. Mimochodem - volbu jazykových verzí bych určitě nedával do patičky, je nepsaným zvykem, že výběr jazyků je nahoře na obrazovce pěkně na očích.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0