» »

[CSS] HTML5, CSS3 + IE8

[CSS] HTML5, CSS3 + IE8

nuclear ::

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 ()

JercSI ::

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 ()

nuclear ::

pošlješ tisto spremenjeno html5.js? thx 4 reply
Asus G14 2023 - Ryzen 7940HS - 32GB DDR5 - GeForce RTX 4080 - 990 PRO 4TB

CodePsd ::

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 ()

nuclear ::

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 ::

CodePsd je 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 ::

Tiste cssje majo res sick dobro pokomentirano.
Asus G14 2023 - Ryzen 7940HS - 32GB DDR5 - GeForce RTX 4080 - 990 PRO 4TB

CodePsd ::

MisterR je izjavil:

CodePsd je 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 izjavil:

Tiste cssje majo res sick dobro pokomentirano.

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

Zgodovina sprememb…

  • spremenil: CodePsd ()

JercSI ::

nuclear je 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 ::

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 ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1298345869 (5006) sunniegoldie
»

poravnava li elementov

Oddelek: Izdelava spletišč
82143 (2008) boss-tech
»

Wampserver in Firefox

Oddelek: Izdelava spletišč
61845 (1725) jonystar
»

CSS submit button - inline težava

Oddelek: Izdelava spletišč
5905 (883) Haniball
»

CSS Lists - Seznami

Oddelek: Izdelava spletišč
211727 (1388) MrBrdo

Več podobnih tem