Jump to content
manxten

Doctype html 5 nu functioneaza pe IE

Recommended Posts

Posted (edited)

Salut! Am urmatorul cod:


<!DOCTYPE html>
<html>
<head>
<title>Acasa</title>
<link rel="stylesheet" type="text/css" href="stil.css">
</head>
<body>
<div class="header"><img src="Logo.png" class="logo"></div>
<div class="body">
<div class="continut">
<table align="left" class="buton">
<tr id="legatura"><td><a href="" >ACASA</a></td></tr>
<tr bgcolor="#001F64"><td><a href="">LINK1</a></td></tr>
<tr bgcolor="#02164D"><td><a href="">LINK2</a></td></tr>
<tr bgcolor="#001F64"><td><a href="">LINK3</a></td></tr>
<tr bgcolor="#02164D"><td><a href="">LINK4</a></td></tr>
<tr bgcolor="#001F64"><td><a href="">CONTACT</a></td></tr>
</table>

<h2 align="center" style="margin-top:-1px"><font color="white">TITLU</font></h2>
</div>
</div>
<div class="footer"></div>
</body>
</html>

si fisierul extern stil.css pe care nu il mai atasez. Cand il deschid cu IE nu imi arata mai nimic din formatare, dar daca schimb doctype-ul de html 5 cu cel de html 4.01 transitional functioneaza perfect.

Cu html 5

image.jpg

Cu doctype html 4.01 transitional

image.jpg

Am incercat si cu

<meta http-equiv="X-UA-Compatible" content="IE=11">

dar nu functioneaza.

Aveti idee cum rezolv asta?

Edited by manxten
Posted (edited)

Pfoaie :|

1. Ce vad eu este pur si simplu html nu html5.

2. Tu habarnai ce vrei sa faci

3. IE are conditi speciale cand este vorba de css

4. HTML 5 este identificat de noile taguri

la tine vine ceva de genu asa

<!--[if IE 7]>

<link rel="stylesheet" type="text/css" href="ie7.css">

<![endif]-->

SAU

<!--[if IE 6]>

<link rel="stylesheet" type="text/css" href="ie6.css" />

<![endif]-->

Etc

nu te mai alerga dupa stilizarea pe ie pentru ca e bataie de cap si ai nevoie de experienta ce-a ce tu daca nu stii despre ce e vorba nici nu se mai pune vorba sa rezolvi problema

Html5 vine cu noi taguri precum divul este cam cel mai afectat

exemplu imagine <figure><img src="blabla"/></figure>

tu daca vrei sa indexezi pe mai mutle browsere trebuie sa faci conditi pentru IE din motiv ca nu prea este folosit si webdesigneri nu prea mai codeaza si nu rendeaza todeauna cu conditile impuse in css mai ales vorbim de versiuni IE

Unele versiuni de IE indexeaza dar unele nu asa ca mereu trebuie sa aplici filtre peste filtre.

PS: daca ala vrea sa fie un meniu atunci chiar pune mana si invata un meniu nu se face in table.

<ul>

<li>meniu1</li>

<li>meniu2</li>

<li href="acasa.html">acasa</li>

</ul>

Edited by DeVelopeR
Posted
Si eu cand am invatat html5 am dat de problema asta, pe local nu o sa-ti mearga,urca`l pe un host free si o sa mearga.

O alternativa ar fi sa descarci un small http server pe local. O sa mearga.

Posted

Dac? tot insi?ti cu HTML5, m?car sa îl urmezi. Elementul font a fost deprecated, bgcolor pentru tr a fost de asemenea deprecated. Ca ?i sfat, nu folosi tabele ?i evita CSS inline. Iar pentru suport HTML5 în IE-uri ma vechi, folose?te html5shiv.

Posted

dap, html5shiv... exemplu de la site-ul meu:


<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8">
<title>iSecurity :: Home</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<!--[if lt IE 9]><script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

HTML5 este mult mai avansat, deci citeste, pe urma apucate.

Posted (edited)

Nu inteleg ce treaba are cu localhost odata ce folosesti o masina precum xampp sau alte masini de prelucrare

Normal problema ta consta aici


<header id="banner" class="body">
<h1>Bun venit !</h1>
<nav>
<ul>
<li class="active"><a href="#">home</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
</ul>
</nav>
<figure>
<img src="imagine.jpg"/>
<figure>
</header>

Diferenta intre ce vrei tu sa faci si diferenta mea .... Problema e ca HTML5 este definit de taguri ce-a ce la tine este 0 TAG pentru html5

Am specifical odata ce initiezi <!DOCTYPE html> trebuie desigur si html tau conceput in html5 nu gata ai pus ca asa trebuie.

Mai sus am scris doar headerul. Iar continutul il poti defini asa


<aside id="featured" class="body">
<article>
<figure>
<img src="https://rstforums.com/forum/images/sm-logo.gif" alt="RST FORUM" />
</figure>
<hgroup>

<h2>Featured Article</h2>
<h3><a href="#">HTML5!</a></h3>
</hgroup>
<p>Have a nice day</p>

</article>
</aside>

Iar ultima parte este IE odata ce specifici conditile de IE si odata ce implementezi pentru IE css corect desigur iti va renda corect

Edited by DeVelopeR
Posted


<!DOCTYPE html>
<html>
<head>
<title></title>
</head>

<body>
<header>
<!-- Continut header -->
</header>
<section>
<!-- Continut general headline, img, etc -->
</section>
<footer>
<!-- Continut footer -->
</footer>
</body>
</html>

Cel mai basic pentru html5.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...