[CSS] HTML5, CSS3 + IE8 @ Slo-Tech

Forum » Izdelava spletišč »
[CSS] HTML5, CSS3 + IE8

[CSS] HTML5, CSS3 + IE8

nuclear :: 12. avg 2011, 12:38

Imam probleme z reagiranjem CSS dokumenta glede na IE8.
Imam poseben CSS za IE in sem includal za podporo HTML5 sledeče:

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
<![endif]-->

Problem je, da karkoli spremenim v IE.css stylesheetu, ga sploh ne šmergla.. Če dam ven ta JS, pa zlomi stran v IEju, vendar pa sprejme stil :rolleyes.
Morda kakšen nasvet?

PS: Tu sem bral glede display:block za elemente, vendar ne reši težave:
http://code.google.com/p/html5shiv/issu...

Asus G14 2023 - Ryzen 7940HS - 32GB DDR5 - GeForce RTX 4080 - 990 PRO 4TB

spremenil: nuclear (12. avg 2011 ob 12:39)

JercSI :: 12. avg 2011, 13:14

Za uporabo HTML5, sem dodal v "css/style.css" tole (za html5 elemente):

article, aside, figure, footer, header, hgroup, nav, section { display:block; }

Se pa spomnim, da sem verzijo html5.js (v1.6.2, to trenutno uporabljam), nekaj spreminjal, da je potem vse delovalo.

Za podporo css3 na starejših brskalnikih pa sem uprorabil css3pie.
Ter dodal v "css/ie.css"

.shadow {
  behavior:url(/css/PIE.htc);
}

v "css/style.css" pa:

.shadow{
  background-color:#FFF;
  border:1px solid #d0d0d0;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  box-shadow: 2px 2px 5px #888;
  -moz-box-shadow: 2px 2px 5px #888;
  -webkit-box-shadow: 2px 2px 5px #888;
}

html:

<div class="shadow">..</div>

Zgodovina sprememb…

spremenil: JercSI (12. avg 2011 ob 13:15)

nuclear :: 12. avg 2011, 13:44

pošlješ tisto spremenjeno html5.js? thx 4 reply

Asus G14 2023 - Ryzen 7940HS - 32GB DDR5 - GeForce RTX 4080 - 990 PRO 4TB

CodePsd :: 12. avg 2011, 15:17

Poglej si primere kako to mi nardimo. Al pa mi pošlji tvoj url na ZS pa ti bom pomagal.
Drugače si pa poglej html5 boilerplate. Tam nardijo isto.
lp

Razrez spletnih predlog(PSD v HTML) --> http://codepsd.si

Zgodovina sprememb…

spremenil: CodePsd (12. avg 2011 ob 15:29)

nuclear :: 18. avg 2011, 13:04

JercSI tisti html.js nič kej drugače ne naredi.. Sploh mi ne renderira .css v IE8, če mam HTML5.js.

CodePsd morda kakšen nasvet, kako v

<section>

centrirat div?

<section id="neki"><div>Tekst</div></section>

Vse možne zadeve sem sprobal, od margin-left: auto do positionov in left:50%.... Sej veš kaj mislim, ne centrira diva znotraj

<section>

-a.

Kakšen nasvet?

Asus G14 2023 - Ryzen 7940HS - 32GB DDR5 - GeForce RTX 4080 - 990 PRO 4TB

MisterR :: 18. avg 2011, 13:24

CodePsd je 12. avg 2011 ob 15:17 izjavil:

Poglej si primere kako to mi nardimo. Al pa mi pošlji tvoj url na ZS pa ti bom pomagal.
Drugače si pa poglej html5 boilerplate. Tam nardijo isto.
lp

Zakaj moram za vaše reference "kontra" klikat?
Če želim ogled pressclip.si moram kliknit na tournament.si

nuclear :: 18. avg 2011, 14:21

Tiste cssje majo res sick dobro pokomentirano.

Asus G14 2023 - Ryzen 7940HS - 32GB DDR5 - GeForce RTX 4080 - 990 PRO 4TB

CodePsd :: 18. avg 2011, 14:41

MisterR je 18. avg 2011 ob 13:24 izjavil:

CodePsd je 12. avg 2011 ob 15:17 izjavil:
Poglej si primere kako to mi nardimo. Al pa mi pošlji tvoj url na ZS pa ti bom pomagal.
Drugače si pa poglej html5 boilerplate. Tam nardijo isto.
lp

Zakaj moram za vaše reference "kontra" klikat?
Če želim ogled pressclip.si moram kliknit na tournament.si

Kako to misliš? Sej prav dela.

nuclear je 18. avg 2011 ob 14:21 izjavil:

Tiste cssje majo res sick dobro pokomentirano.

Hvala nuclear

Razrez spletnih predlog(PSD v HTML) --> http://codepsd.si

Zgodovina sprememb…

spremenil: CodePsd (18. avg 2011 ob 14:43)

JercSI :: 18. avg 2011, 16:39

nuclear je 18. avg 2011 ob 13:04 izjavil:

JercSI tisti html.js nič kej drugače ne naredi.. Sploh mi ne renderira .css v IE8, če mam HTML5.js.

To je samo za HTML5 in ne CSS3.

Div centriraš tako da, daš divu širino in margin.

<section id="neki">
  <div style="width:250px;margin:0 auto">Tekst</div>
</section>

nuclear :: 23. avg 2011, 08:38

Lp. S sectioni ne morem spravit, da mi dela, enostavno kot da ignorira katerikoli način,... sem spremenil stvari kar v div namesto section in linkal anchore.

Asus G14 2023 - Ryzen 7940HS - 32GB DDR5 - GeForce RTX 4080 - 990 PRO 4TB

Vredno ogleda ...

	Tema	Sporočila	Ogledi	Zadnje sporočilo
	Tema	Sporočila	Ogledi	Zadnje sporočilo
!	Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 ) Tody Oddelek: Izdelava spletišč	1298	347328 (6465)	sunniegoldie 11. sep 2024 05:12:48
»	poravnava li elementov boss-tech Oddelek: Izdelava spletišč	8	2157 (2022)	boss-tech 1. okt 2012 08:19:03
»	Wampserver in Firefox jonystar Oddelek: Izdelava spletišč	6	1859 (1739)	jonystar 4. maj 2012 07:59:32
»	CSS submit button - inline težava Klemen1602 Oddelek: Izdelava spletišč	5	926 (904)	Haniball 7. mar 2011 19:53:28
»	CSS Lists - Seznami Sportmania Oddelek: Izdelava spletišč	21	1733 (1394)	MrBrdo 6. sep 2010 14:13:40

Več podobnih tem

Zadnje novice

Zadnji članki

Išči:

Forum » Izdelava spletišč »
[CSS] HTML5, CSS3 + IE8

[CSS] HTML5, CSS3 + IE8