Coup de gueule du soir :
C'est bien beau les standards du web (div etc...), mais honnêtement, les vieux tableaux, et bin c'est autrement plus simple, et ça marche correctement sous Ie et moz.
Je m'explique :
Ils font chier chez krosoft, leur navigateur n'est même pas foutu d'encaisser deux divs positionnées côte à côte, alors que moz encaisse ça sans pb.
Et si on bidouille pour que ça passe sous ie, c'est moz' qui n'aime plus (parce que les boîtes ne sont pas gérées pareil..).
Merde, faites des standards, le client a toujours raison, et il veut que ça marche sur ie.
Moralité : le web n'est pas près d'évoluer tant que ie est autant utilisé...
Et j'ai perdu une après-midi pour rien !
Fait ch... !
Journal MARRE !
15
mai
2003
# Re: MARRE !
Posté par tuan kuranes (site web personnel) . Évalué à 6.
deux css, une pour les vrai browser, une pour IE et un javascript qui charge le bonne en fonction du browser:
dans mon head de page perso :
<link xmlns:xlink="http://www.w3.org/1999/xlink(...)" href="cv.css" rel="stylesheet" type="text/css" title="internet explorer" />
<link xmlns:xlink="http://www.w3.org/1999/xlink(...)" href="cv2.css"
rel="alternate stylesheet" type="text/css" title="Real browsers" />
puis mon body
et mon fichier script.js
<!--
function setActiveStyleSheet(title)
{
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++)
{
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("title"))
{
if(a.getAttribute("title") == title)
a.disabled = false;
else
a.disabled = true;
}
}
}
function setStyle()
{
if (navigator.appName.substring(0,3) != "Mic")
setActiveStyleSheet("Real browsers");
}
//-->
Tu peux inverser, si tu preferes que ce soit IE qui fasse le changement de stylesheet.
mais comme 90% des gens on IE...
visible sur tuan.kuranes.free.fr
[^] # Re: MARRE !
Posté par ukemi . Évalué à 0.
[^] # Re: MARRE !
Posté par xsnipe . Évalué à 0.
Bon ok je ----->[]
[^] # Re: MARRE !
Posté par seginus . Évalué à 1.
J'en ai entendu parlé la première fois sur le site http://www.openuweb.eu.org(...) mais je n'ai pas trop cherché depuis (est-ce reconnu par le w3c et existe-t-il un validateur comme pour le (x)html et le css ?)
[^] # Re: MARRE !
Posté par tuan kuranes (site web personnel) . Évalué à 2.
[^] # Re: MARRE !
Posté par Pooly (site web personnel) . Évalué à 1.
[^] # Re: MARRE !
Posté par tuan kuranes (site web personnel) . Évalué à 1.
c'etait
TAGOUVRANT
body onload="setStyle()"
TAGFERMANT
[^] # Re: MARRE !
Posté par doublehp (site web personnel) . Évalué à 2.
Et ceux sous lynx ou telnet , ils font comment ?
[^] # Re: MARRE !
Posté par tuan kuranes (site web personnel) . Évalué à 1.
[^] # Re: MARRE !
Posté par Mathieu Pillard (site web personnel) . Évalué à 1.
- 2 fois plus de boulot, et attention a bien repercuter les changements de l'un vers l'autre.
- pb si l'user agent est trafique, ou si un autre navigateur a le meme nom (par exemple IE mac, qui supporte bien plus les standards que IE win)
- pb si tel ou tel navigateur a aussi des pbs, va falloir que tu fasses une autre feuille, ou un vieux hack, ou je ne sais quoi encore...
La meilleure solution consiste a utiliser une feuille, avec quelques hacks bien places. ce n'est pas tres complique une fois que l'on connait les bugs a eviter et les hacks pour les contourner.
# Re: MARRE !
Posté par doublehp (site web personnel) . Évalué à 1.
tout ce qui as moins de 10 ans, c est technique, complique , et ca marche jamais ... oui oui ... j assimile mon AX aux tableaux, et la Megane de mes parents aux supers protocols qu aucun navigateurs ne respectent : compliques, marche jamais ...
[^] # Re: MARRE !
Posté par Nÿco (site web personnel) . Évalué à 1.
[^] # Re: MARRE !
Posté par AlphA . Évalué à 5.
Best viewed with telnet 80 !
( http://sartre.dgate.org/~brg/bvtelnet80/(...) )
--
AlphA < GET HTTP/1.1 / >
# Re: MARRE !
Posté par Nicolas (site web personnel) . Évalué à 2.
[^] # Re: MARRE !
Posté par Mathieu Pillard (site web personnel) . Évalué à 1.
surtout que, mine de rien, faire apsser des css dans IE, une fois que tu connais les quelques bugs importants, ca ne pose vraiment aucun soucis.
les vieux tableaux posent plin de problemes, ne serait ce que par leur lourdeur...
[^] # Re: MARRE !
Posté par Pooly (site web personnel) . Évalué à 1.
[^] # Re: MARRE !
Posté par XHTML/CSS inside (site web personnel) . Évalué à 1.
<table>
<tr>
<td width="160">
blabla...
</td>
<td width="*">
toto....
</td>
</tr>
</table>
Une colonne fixe à 160 px, et l'autre qui s'ajuste en fonction de la taille de la fenêtre du browser, et que ça marche sous IE (client oblige), et les autres navigateurs (normal).
A+
[^] # Re: MARRE !
Posté par Robert Palmer (site web personnel) . Évalué à 4.
<div id="principal">
<div id="colonne">
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
<div>plop</div>
</div>
<div id="contenu">
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
<div>Coin ! Coin !</div>
</div>
</div>
Et le code CSS :
div#principal {
border: thin solid black;
}
div#colonne {
float: left;
background-color: gray;
width: 160px;
}
div#contenu {
background-color: silver;
margin-left: 160px;
}
Pensez à l'environnement avant d'imprimer ce commentaire - Please consider the environment before printing this comment
[^] # Re: MARRE !
Posté par XHTML/CSS inside (site web personnel) . Évalué à 1.
Je vais voir si ça s'adapte à mon cas.
Merci !
Longue est la route qui mène à une bonne connaissance du xhtml compatible w3c - Nico-Tseu
[^] # Re: MARRE !
Posté par XHTML/CSS inside (site web personnel) . Évalué à 1.
YES !
Merci !
# Re: MARRE !
Posté par Bertrand Bonnafous . Évalué à 1.
J'ai réécrit entierement un site web fait avec Dream... (je sais plus le nom) en XHTML et css (que je ne connaissais pas avant). Je l'ai developpe principalement avec mozilla et quand je passais sous IE, soit ce dernier plantait (à cause de la modification de l'interligne) soit une partie de la page était recouverte par l'image fond...
En clair, j'ai fait le site pour mozilla et j'ai du pas mal bidouiller pour qu'il marche aussi sous IE : en rajoutant des et en supprimant les attributs des css qu'IE ne supporte pas...
En plus, je trouve que le rendu est plus beau avec mozilla qu'avec IE, surtout dans le rendu des polices, mais ce n'est qu'un avis personnel...
Pour ceux que ca interresse le site est à l'adresse http://wwwassos.utc.fr/orion(...)
[^] # Re: MARRE !
Posté par Bernez . Évalué à 2.
Je ne peux même pas passer la home page. 2 liens qui font pas de mal :
http://patrick.murris.com/articles/flash25.htm(...)
http://www.wowwebdesigns.com/power_guides/limiting_flash_use.php(...)
En plus cette homepage ne contient même pas les headers avec le DOCTYPE.
[^] # Re: MARRE !
Posté par Sébastien Koechlin . Évalué à 1.
Dans ce mode, le navigateur essaye de corriger les erreurs, il ne faut donc pas s'attendre à ce que le rendu soit exactement conforme à la norme.
[^] # Re: MARRE !
Posté par yugz . Évalué à 1.
[^] # Re: MARRE !
Posté par Bertrand Bonnafous . Évalué à 1.
La page de garde qui vérifie la présence du plugin adéquat a été remplacée à mon issue... J'ai réctifié...
On ne voit que le flash, que si le plugin est présent....
[^] # Re: MARRE !
Posté par Lee Nux . Évalué à 1.
Ton DOCTYPE n'est pas correct:
-//W3C//DTD XHTML 1.0 Strict//FR n'est pas possible !
C'est toujours EN à la fin. le EN informe que la langue de la DTD est l'anglais et non pas la langue du contenu de ta page !
Ensuite tu as plusieurs erreurs de syntax: Tu n'as pas fermé ton tag <meta /> ni ton tag <link />. Ceci est obligatoire en XHTML. En XHTML, si tu n'as pas des éléments qui prennent un tag ouvrant et un tag fermant (comme <p> bla bla bla </p>) tu dois avoir un tag unique qui se ferme (comme <br />). Ceci est dû à la syntaxe XML.
Tu as encore d'autres erreurs. Le mieux, c'est que tu voies par toi-même:
http://validator.w3.org/check(...) ?uri=http%3A%2F%2Fwwwassos.utc.fr%2Forion%2F&charset=%28detect+automatically%29&doctype=XHTML+1.0+Strict
(Il faut recopier ce lien en supprimant l'espace entre le 'check' et le '?uri')
(j'ai du forcer la DTD avec le //EN, cf plus haut).
N'hésite pas à utiliser le validator du w3c, c'est un outil fantastique.
Bonne chance pour tes débuts en XHTML...
[^] # Re: MARRE !
Posté par Bertrand Bonnafous . Évalué à 1.
La premiere page a été faite un peu a l'arrache pour ne pas passer sur la presentation en flash.... Et elle a été effacée quand le flash a été modifié, j'ai du la réécire en vitesse d'où les erreurs...
Mais le reste du site doit etre correct...
# Re: MARRE !
Posté par Anonyme . Évalué à 3.
Nico, un conseil, lâche les tableaux et http://openweb.eu.org(...) qui contient tous les 'hacks' pour que les CSS et notamment les div (float, display etc.) fonctionnent parfaitement et avec IE également.
Non mais, personne ne lit cet excellentissime site Ouaibe ? Depuis le temps qu'on attendait notre W3C, ne même pas le citer en référence, tiens ça me donne tout de suite envir d'aller ch... trop tard. :/
[^] # Re: MARRE !
Posté par XHTML/CSS inside (site web personnel) . Évalué à 1.
[^] # Re: MARRE !
Posté par Robert Palmer (site web personnel) . Évalué à 1.
Il faut bien prendre le temps de lire à un moment ou à un autre !
Pensez à l'environnement avant d'imprimer ce commentaire - Please consider the environment before printing this comment
[^] # Re: MARRE !
Posté par XHTML/CSS inside (site web personnel) . Évalué à 1.
Du coup et de rage, j'ai rendu le site que je suis en train de faire compatible xhtml ! Sans blague !
[^] # Re: MARRE !
Posté par Pooly (site web personnel) . Évalué à 1.
[^] # Re: MARRE !
Posté par Mathieu Pillard (site web personnel) . Évalué à 2.
non serieusement, tant qu'il avait pas donne son pb, dire va voir sur openweb etait un peu presomptueux, vu que c'est pas non plus la reponse universelle (on y travaille :) ... maintenant c'est vrai que c'est le moment vu que ya tout ce qu'il faut pour l'aider (initiation aux floats notamment)
# Re: MARRE !
Posté par mvdc . Évalué à 1.
www.thenoodleincident.com/tutorials/box_lesson/boxes.html
et sélectionne le positionnemnent que tu veux.
Bon courage.
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.