Autor Zpráva
Marek Žáček
Profil
Už si nevím rady s position absolute pro IE6. Na adrese www.nasedily.cz/index.php (nutno zadat i s tim index.php) potřebuji tlačítko Přidat do košíku absolutně napozicovat k obalovacímu divu. Prostě když budou jednotlivé položky na řádku různě dlouhé, aby tlačítko přidat do košíku bylo vždy v jedné rovině.
Ve FF mi to funguje, v IE7 taktéž, ale stále to nemůžu rozchodit pro IE6.

Můžete mi prosím poradit?
Manq
Profil
Marek Žáček
Neškodilo by říci jména boxů, je to docela o život hledat v kódu přesně ten daný <div> atd.
Marek Žáček
Profil
Jasně:)
.obalovaci_box (zahrnuje 2 boxy)
.box (boxik pro jeden produkt)
.box .info (základní informace)
.box .akce (tam je právě to tlačítko na přidání do košíku)
peta
Profil
Marek Žáček
pokud smichas position a float, pak se nediv, ze ti IE zlobi.
IE ma strasne problemy, kdyz ma relative a float pohromade.

Dale jsem na strance nenasel nic jako inline-block; To znamena jedno, chybne floatujes. Coz znamena opet problemy v IE. Proti jinym lidem tam mas aspon clear, nezkoumal jsem jeho umisteni (take muze byt chybne).

Ma smysl davat k obrazkum:
http://www.nasedily.cz/
?
jestli by nebylo jednodussi vytvorit adresar style a do nej to nakopirovat...
http://www.nasedily.cz/images/css/pozadi_leve_menu.gif
style/pozadi_leve_menu.gif


IE6 ted nemam, takze ti vic moc neporadim, ale prozkoumam tve css...

#pg #obsah .obalovy_box {position:relative; height: 370px; overflow: hidden;}
#pg #obsah .obalovy_box .box { float:left; position:relative;}

... ted jsem to psal o relative a float v sobe, u sebe? To jsou 2 rozdilne vylucujici funkce, totiz. IE je ma spatne osetrene.
Pokud nekde das relative, ocekava se, ze uvnitr budou jen a pouze absolute, relative, static.
Pokud tam das float, muze nastat v IE to, ze si prepise vlastnosti pozice, pripadne nevi, jak se zachovat a tak se stane nejaky flok neviditelny, na strance.
pokud to chces napravo, tak doporucuji
<position:relative>
<position:absolute right:0>
<position:relative>
aby se vnitrek pocital do scrolbaru
</>
</>
</>
nebo muzes zkusit oba dat jako relative, druhy s tou pozici.
Marek Žáček
Profil
peta
Omlouvám se, já už to nakonec vyřešil jinak a nenapsal jsem. Nakonec jsem udělal všechny boxy stejně dlouhé a ošetřil jsem délku anotačního textu na 150 znaků.
Poté mi asi v CSS zbyly neduhy po předchozím snažení. Ale díky za poznámku vůči obrázkům v CSS, příště to určitě dám do jiné složky.

Jinak problém byl právě jen s IE6, všude to fungovalo v pohodě. IE7 nedělala problémy.
Petroff
Profil
<to Peta>

IE ma strasne problemy, kdyz ma relative a float pohromade.
Měl bys nějaké upřesnění nebo zdroj (mám pocit, že jsem je dohromady párkrát použil) ??
Díval jsem se do specifikace; vylučují se pouze float X [absolute | fixed].
Pokud jsou potíže jen v IE6, nevíš jaké popř. za jakých okolností ? dík petr

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