IE zobrazuje web úplně špatně!

LetisVT · Příspěvek od **LetisVT** » ned 20. čer 2010, 19:11

Dělám pro kamaráda web v HTML a ještě k tomu používám externí CSS soubor.
Ve všech prohlížečích web vypadá tak jak bych očekávál(Opera,Firefox,Chrome) až na zmíněný internet explorer

... to co on s tou stránkou dělá to jsem ještě neviděl

ignoruje všechny nastavené pozice i mezery mezi obrázky.Tam kde je kolem nich oranžový rámeček si dá ten svůj tmavě modrý.Celý web místo toho aby byl vprostřed je vlevo a jako třešnička je seřízlej kus webu.

Ta stránka je http://www.orfeusbeat.cz netvrdím, že jsem profesionál, a že jsem neudělal chyby, ale tohle je trochu moc.Prosím help

KapaCZ · Příspěvek od **KapaCZ** » ned 20. čer 2010, 19:17

Ahoj. Zrovna řešim úplně to samé. Problém je v tom že to co berou ostatní prohlížeče má IE jinak a tak se musí udělat ještě jedno CSS a pomocí if zjistit zda to je IE nebo FF....... a tim se ti vybere ten vzhled.

LetisVT · Příspěvek od **LetisVT** » ned 20. čer 2010, 19:20

no to je trochu divný ne, že ten IE je uplnej "debil" a nepochopi to stejně jako ostatní prohlížeče když tam není nic moc složitýho... nevim co s tim asi si dám na hlavní stránku Obrázek

a tim bude problém vyřešen

Příspěvek od **zombux** » ned 20. čer 2010, 19:44

jo hochu, když se dáš na vojnu tak musíš bojovat. optimalizace pro IE je peklo. na IE6 rovnou zapomeň, to je mrtvá věc. pro IE7 to chce trochu hackovat, pro IE8 se píše už docela dobře. konkrétně třeba ten modrej rámeček kolem obrázků (ale to jsou určitě odkazy) je potřeba prostě natvrdo nadefinovat v CSS.

Exp · Příspěvek od **Exp** » ned 20. čer 2010, 19:49

1) Stránky jsou nevalidní - máš tam hromadu chyb
2) V tvém případě není nejmenší důvod používat absolutní pozicování
3) Špatně napsaná hlavička způsobuje, že ti IE ignoruje externí styl
4) Zbytečně kombinuješ externí a in-line styly
5) Doporučuju používat pro psaní stránek standard XHTML 1.0 Transitional
6) Nainstaluj si do firefoxe html validator, umí pomoct (např. neuzavřené tagy apod.)

Přikládám korektně napsanou hlavičku, uprav si jí podle potřeb.

Kód: Vybrat vše

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="keyphrase" content="" />
<meta name="robots" content="index, follow, all" />
<meta name="googlebot" content="index, follow, all" />
<meta name="language" content="czech" />
<meta name="country" content="cz" />
<meta name="author" content="" />
<meta name="copyright" content="" />
<meta http-equiv="content-language" content="cs" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="cache-control" content="public" />
<meta http-equiv="pragma" content="public" />
<title></title>

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link rel="shortcut icon" href="favicon.ico" />

</head>

LetisVT · Příspěvek od **LetisVT** » ned 20. čer 2010, 19:55

tu validaci jsem zkoušel ale hromada těch chyb vůbec nejde opravit

možná to bude tou hlavičkou musim se podivat co tam mam špatně...
nevim v čem bych si pomohl když bych použil XHTML 1.0 Transitional zůstal bych u tohohle, ať to nezkazim ještě víc..

A pls poraď co všechno je tam špatně... ta moje vypadá takhle

Kód: Vybrat vše

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<title>Orfeus Beat | Home</title>
<link rel="shortcut icon" href="/favicon.ico">
<META name="keywords" lang="cs" http-equiv="Content-Style-Type" content="text/css" charset="windows-1250">
</head>

//ještě reakce na to, že nejsou validní: Já co jsem zkoušel tak jsem zatím nenašel žádnou stránku, která by validní byla... viz:
pctuning http://validator.w3.cz/check?uri=pctuning.cz
a dokonce i google http://validator.w3.cz/check?uri=google.cz
i seznam http://validator.w3.cz/check?uri=seznam.cz
no nebudu se rozepisovat o blbostech spíš potřebuju poradit

veteran13 · Příspěvek od **veteran13** » ned 20. čer 2010, 20:03

vždyť ti opradil, zkopiruj tu hlavičku co tu poslal a dej si do ní svoje data. těm metám kterým nerozumíš si najdi na netu

Exp · Příspěvek od **Exp** » ned 20. čer 2010, 20:03

Použij tu co jsem postnul a piš stránky podle XHTML 1.0 Transitional. Moc změn oproti HTML tam není (všechny tagy a atributy malými písmeny, některé elementy, které byly v HTML párové, jsou v XHTML nepárové apod.). Tohle si k tomu otevři a nebudeš mít žádný problém.

http://www.w3.org/TR/xhtml1/#diffs

LetisVT · Příspěvek od **LetisVT** » ned 20. čer 2010, 20:28

to tvoje nevim jak použít:
1. Nechce se mi najednou začít používat něco jinýho když ani v tomhle nejsem dobrej

2. Jsou všechny ty meta co tam máš nutný?

A ještě bych se rád dozvěděl jak by měla správně vypadat přesně ta moje hlavička - KDE jsem udělal tu chybu?

veteran13 · Příspěvek od **veteran13** » ned 20. čer 2010, 20:36

s používáním "toho nového" ti neporadim, protože už se o to dva roky nezjímám, ale z té mety nic nevynechávej, jestli umíš trochu anglicky tak musíš vědět k čemu co je a jaký tam máš dát obsach, u pár věcí ho ani měnit nemusíš. když se mi bude chtít tak ti to přepíšu ale nic neslibuju

// zjistil jsem že tam není co přepisovat řid se podle toho co sem ti napsal, kde nebudeš vědět: www.jakpsatweb.cz nebo google a uč, tím se to naučíš nejlíp

Exp · Příspěvek od **Exp** » ned 20. čer 2010, 20:43

Právě že imho bude lepší když začneš používat něco jiného, protože neumíš ani HTML -> mohl by to pro tebe být impuls, aby ses něco naučil pořádně (tzn. naučit se hledat zdroje a materiály s příkladným použitím apod. - nic jiného v tom není). Já tomu taky musel obětovat stovky hodin

A navíc ti říkám, že ty rozdíly jsou naprosto minimální a pokud si nainstaluješ do firefoxu html validator, tak za tebe 80% práce udělá, protože ti označí řádky, kde našel chybu a napíše ti k ní ve většině případů nějaké vysvětlení nebo doporučení.

Meta tagy nejsou nutné. Nicméně nic jednoduššího, než vyplnit obsah jejich atributů, už v HTML nenajdeš. Vždyť jsem ti je naservíroval přímo pod nos...

Ad hlavička HTML - zkus použít google (klíčová slova html 4 transitional dtd). Věř mi, pokud chceš udělat ty stránky aspoň trošku použitelně, budeš se chtě nechtě muset naučit hledat...

LetisVT · Příspěvek od **LetisVT** » ned 20. čer 2010, 21:10

nakonec jsem na tu chybu přišel a IE už uznává např ty rámečky a stránka není uřízlá a je vprostřed..
Zůstává mi jedinej problém:Proč IE ignoruje position-absolute a margin ?

//Jinak s tim teď nemůžu vyvádět moc věcí radši.. Zítra už by měly být ty stránky jakš-takš použitelný

Exp · Příspěvek od **Exp** » ned 20. čer 2010, 21:31

Vysvětli mi cos myslel tím tagem <photosimg> - takový tag v HTML vůbec neexistuje.

Za odměnu ti pošlu opravu a už se ti to bude zobrazovat dobře

LetisVT · Příspěvek od **LetisVT** » ned 20. čer 2010, 21:54

ten tag photosimg jsem si nastavil v css,.. proto ho taky ostatní prohlížeče zobrazily normálně...
V uvítací stránce jsem to změnil, aby aspoň tam to šlo...

Exp · Příspěvek od **Exp** » ned 20. čer 2010, 22:13

Už jsme to řešili na icq, tak jen odpovím pro ostatní - (X)HTML nedovoluje definovat vlastní tagy. To, co definuješ v CSS souboru jsou vlastnosti tříd a identifikátorů (případně samozřejmě vlastnosti standardních tagů).

IE zobrazuje web úplně špatně!

IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!

Re: IE zobrazuje web úplně špatně!