Některé části css ignorovány v IE 6 - proč a co s tím? – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Některé části css ignorovány v IE 6 - proč a co s tím? – CSS – Fórum – Programujte.comNěkteré části css ignorovány v IE 6 - proč a co s tím? – CSS – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
Pheek
~ Anonymní uživatel
3 příspěvky
1. 8. 2007   #1
-
0
-

Zdravím,
na stránkách http://www.joat.ic.cz mám problém s tím, že v levém sloupci jsou v IE 6 ignorovány některé části css - hlavně teda background-image a border-bottom u <h4> nadpisů a barvneho odlišení odkazů (<a>winking smiley v části odkazy.
Zkoušel jsem v css tyto předpisy nastavit jak úplně obecně pro všechny a/h4 elementy, tak i konkrétně pouze pro dané divy, ale nic nepomáhá.
Ve FF/IE7/Opeře je to tak jak bych chtěl (a dovolím si tvrdit, že CSS je napsáno správně).
Poradí někdo čím to může být a jak to spravit?
CSS předpisy pro stránku: http://www.joat.ic.cz/styly.css

Nahlásit jako SPAM
IP: ...–
Reklama
Reklama
Colpik0
Super člen
5. 8. 2007   #2
-
0
-

IE podporuje css asi tak, jako moje babička zuby. Zkus to prostě nějak zjednodušit.

Nahlásit jako SPAM
IP: ...–
Pavel 'Colpik' Tobiáš - Developer & Music Producer [br] http://colpik.webstudio4u.eu
Petroff0
Věrný člen
7. 8. 2007   #3
-
0
-

IE6 a jeho jádro pracuje trochu odlišně - používá vlastnost nazvanou hasLayout.
Zjednodušeně: pokud je tato vlastnost nastavena na true, prvek se vykresluje jiným stylem než když je nastavena na false.
U většiny prvků je tato skrytá vlastnost nastavena na false do doby, dokud jim pomocí CSS nepřiřadíme vlastnost, která toto nastavení změní.
[ Seznam těchto vlastností viz. http://blog.nopdesign.sk/sk/?p=9 ]
[ Originální pojednání viz.http://www.satzansatz.de/cssd/onhavinglayout.html ]

Trochu jsem si pohrál se styly a zjistil, že na prvky(o které nám jde) je vhodné použít např.:
position:relative
height:1%
Kdežto:
width:100% nebo display:inline změní délku červeného podtržítka

[podtrzene]Stačí dát do stylů buď obecně: h4 {position:relative} nebo upřesnit: #levy h4{ position:relative } [/podtrzene]

Co se týče odkazů s obrázkem mající mít při A:HOVER "podtržení" v barvě color(=červená) - tak to se mi ani v IE7 nezobrazí.
Zkusím se na to mrknout v IE DevelopToolbaru (výhoda sedmičky).

Nahlásit jako SPAM
IP: ...–
Pheek
~ Anonymní uživatel
3 příspěvky
8. 8. 2007   #4
-
0
-

To Petroff:
díky, použil jsem position:relative a už je to v pořádku.
Že ty barevné okraje nefungují u obrázkových odkazů ani v IE7 jsem si nevšiml, díky za upozornění, ale trápit se s tím nemusíš, dal jsem jim na tvrdo modrý rámeček. Stačí to a všude se to zobrazuje správně.

Nahlásit jako SPAM
IP: ...–
Petroff0
Věrný člen
8. 8. 2007   #5
-
0
-

Jasně.
Jinak kdybys chtěl jednotné chování (testoval jsem to IE6, IE7, FF, Opera)
a změnu barvy rámečku z modré na červenou při HOVERu,
stačí ti 1 řádek navíc: :

#Lodkazy img { border: 1px solid #C2DEFA }
#Lodkazy a:hover img { border: 1px solid #bf0a30 } !!! dodržet pořadí

Nahlásit jako SPAM
IP: ...–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 7 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý