Gros probleme de feuille de style avec Netscape 4 (Linux) - HTML/CSS - Programmation
Marsh Posté le 16-02-2003 à 11:59:45
à mon avis le problème est que tu essaie de faire des trucs compatibles avec NS4
Marsh Posté le 16-02-2003 à 12:57:03
Pour Netscape 4 il n'y a pas beaucoup d'espoir, mais il est possible que les pages soient "visible" sous netscape 4 mais la mise en page ne sera pas completement respectée
Marsh Posté le 16-02-2003 à 14:32:59
ça veut dire que les feuilles de style sont incompatibles avec NS 4
Marsh Posté le 16-02-2003 à 15:03:38
Marsh Posté le 16-02-2003 à 15:20:27
Doit y avoir un moyen quand meme
J'ai deja vu NS 4 fonctionner avec du CSS, notamment HFR fonctionne avec des CSS et ça marche aq peu pres sur NS 4
Marsh Posté le 16-02-2003 à 15:20:29
samuelp a écrit : ça veut dire que les feuilles de style sont incompatibles avec NS 4 |
ca veut dire que NS 4 est une grosse bouse qui respecte pas les standards
Marsh Posté le 16-02-2003 à 15:21:03
samuelp a écrit : Doit y avoir un moyen quand meme |
www.Presence-pc.com sous NS4 le rendu est quasi parfait
Marsh Posté le 16-02-2003 à 15:24:27
C de ma fote j'avais oublié d'activer les Feuilles de Style dans mes preferences de NS 4
Marsh Posté le 16-02-2003 à 15:25:07
N'empeche qu'il y a des choses qu'il ne capte pas (background-image:url par exemple)
Marsh Posté le 16-02-2003 à 15:37:40
samuelp a écrit : N'empeche qu'il y a des choses qu'il ne capte pas (background-image:url par exemple) |
Regarde la : http://www.mako4css.com/csstwo.htm
http://www.mako4css.com/index.htm
Marsh Posté le 16-02-2003 à 15:53:34
flyman30 a écrit : |
Merci pour le tuyaux : ça a l'air de marcher seulement si l'image fait plus de 1px mais c pas trop grave ce n'est que de la decoration (pas de la mise en forme)
Autre probleme plus que chiant et qui m'empeche de passer à l'etape superieur (XHTML 1.0) est la chose suivante :
Sur des navigateurs corrects, pour canter un tableau on utilise :
margin-left : auto ;
margin-right : auto ;
Mais seul IE 6, Opera et les Gecko browsers acceptent cette solution
Pour les autres faut faire un <div> a part avec un text-align: center.
Je sais que normalement en combinant les deux on arrive a faire poru que tous les navigateurs passent, mais avec un <div> encadrant mon tableau ben je ne peux plus faire un height: 100% car les nav interprete cette valeur comme 100% du div et non de la page, d'ou pb
Donc je suis obligé de rester en Transitional sauf la page d'accueil en HTML 4.01 Strict, ce qui est dommage
Marsh Posté le 16-02-2003 à 16:33:30
Et si tu donne une hauteur mini au div ? par exemple :
.cadre
{
height: 560px;
margin-right: auto;
margin-left: auto;
width: auto;
}
Marsh Posté le 16-02-2003 à 16:43:42
flyman30 a écrit : Et si tu donne une hauteur mini au div ? par exemple : |
Donner une hauteur au Div n'est pas bete, mais cela ne correspond pas a mes besoins.
le margin-right: auto pour le centrage d'un element ne fonctionne pas sous IE 5.x et <, Konqueror si bien qu'il faut ruser pour que ça passe partout.
J'aimerai c avoir une hauteur de 100% : helas ça ne passe pas sous Opera qui se vautre lamentablement avec les feuilles de style à ce niveau là.
Si bien que j'ai cherché (en vain) une solution a mes pbs : je n'ai plus qu'une erreur pour passer au W3C (height=100% dans un tag Table n'est pas reconnu mais passe sur tous les navigateurs)
Une idee aurait été que je demande a PHP de me fournir ue hauteur de la resolution cliente afin de palier au pb mais comme on a un moderateur parano, je n'aurais jamais la solution
Marsh Posté le 16-02-2003 à 16:48:27
zion a écrit : |
Ecoutes, ce que je demande est serieux, je ne vois pas pourquoi je perdrais mon temps a troller un dimanche
Parce que moi je bosse monsieur, et je dois trouver une solution, et je pense qu'ici il y a des gens competents pour m'aider.
Alors tes remarques a 2 balles tu te les gardes, si t'es si malin que ça montre des Topics interessants au lieu de critiquer celui des autres
Marsh Posté le 16-02-2003 à 16:52:18
zion a écrit : |
Non je n'en rajoute pas.
Il en faut pas considerer tous mes posts comme des Trolls.
J'en bave avec NS 4 et Opera parce que ces Navigateurs ne savent meme pas gerer les standards, je sais qu'ici il y a des Webmaster professionnels qui savent comment contourner ces lacunes, c pour cela que je poste ici.
Faudrait arreter le delit de sale gueule, c tout
Marsh Posté le 16-02-2003 à 16:54:56
samuelp a écrit : |
Tu bosses le dimanche et trolles le reste de la semaine
Marsh Posté le 16-02-2003 à 16:59:56
zion a écrit : |
Ben peut etre que je m'exprime trop ouvertement, mais ce sont des faits avérés : Les navigateurs ne reagissent pas de la meme façon et c franchement lourd !
Y a que Gecko pour sauver l'honneur parce que quand tu suis les recommendations du W3C c vraiment galere.
Exemple tout con : antp avait dit que le height: 100% etaait une aberration : OK, c vrai, on ne peut pas trop s'y fier.
Maintenant, ça passe sur tous les navigateurs (meme NS 4) sauf Opera 6, alors que le height=100% totu con dans le Tag <table> ça passe. Moralité : Opera y a vraiment un truc qui cloche.
Le pire, c'est que dans le tableau en question, il y a 3 colonnes : en utilisant les CSS + height: 100% Opera interprete ça comme suit :
1 Colonne qui fait 100% de la page non scrollante
1 Colonne (centrale) contenant les données faisant scroller la page
1 Colonne qui fait 100% de la page non scrollante
Or d'apres le HTML un tableau ne peut etre diforme au niveau d'un ligne unique <tr>
Moralité : Opera ne sait pas gerer correctement le HTML 4.01
Marsh Posté le 16-02-2003 à 17:03:22
antp a écrit : |
Ben je suis qqn qui VEUT respecter les standards : Je suis le premier à rouspeter (pour rester poli) quand je vois un site qui me sort : Votre navigateur n'est pas compatible veuillez telecharger IE 4 ou supérieur, donc je veux respecter les standards .
Helas mon Boss m'a sorti qu'il s'en foutait des standards tant que ça passait et mon resp technique (No 2 dans la societe) est anti CSS crache sur le W3C (pourtant il etait concepteur de site et faisait meem parfois des sites IE Only)
Ils ne veulent pas que je "perde" (d'apres eux) de temps a normaliser mon site qui va tres bien, donc je le fais chez moi, voili
Marsh Posté le 16-02-2003 à 17:04:26
zion a écrit : Et tu en rajoutes 50 couches à critiquer Opera et cie en espérant que des mecs viennent défendre Opera ou les autres navigateurs |
Ce n'est pas un topic anti Opera, c'est juste une constatation : Opera m'embete à ce niveau là et je cherche une solution.
Je ne trolle pas, parole d'honneur
Marsh Posté le 16-02-2003 à 17:06:58
Fais ton site selon le W3C et du moment que ça passe sur les browsers qu'on te demande alors
Je suppose que ton boss te demande pas que ça marche avec Opera.
Et si ça marche pas avec Opera mais que c'est standard, tant pis pour Opera
Marsh Posté le 16-02-2003 à 17:13:03
antp a écrit : Fais ton site selon le W3C et du moment que ça passe sur les browsers qu'on te demande alors |
Oui, mais c une boite Linux, et mon Boss veut que ça passe sur :
-> IE 4 et sup
-> Opera 6 et sup
-> Gecko
-> Konqueror
Le bug sur Opera n'est pas GENANT mais ça la fout mal pour un site professionnel
Mon but, c qu'a la fin du mois ma page d'accueil soit XHTML 1.0 compliant et que les autres en HTML 4.01 Strict.
Mais là aussi, il faut savoir que IE 5.5 (j'ai bien dis 5.5) n'est meme pas fichu de centrer un tableau avec un margin-left:auto; margin-right: auto;
D'ou encore des astuces à la con pour contourner un pb qui ne devrait pas en etre un.
Bon, un site pro qui se veut compatible avec HTML 4.01 Strict avec 5 erreurs n'est pas dramatique, mais moi je n'aime pas ça
Marsh Posté le 16-02-2003 à 18:35:45
antp a écrit : Fais ton site selon le W3C et du moment que ça passe sur les browsers qu'on te demande alors |
de toute façon, tout monde sais qu'il n'y a qu'environ 18 personnes dans le monde qui utilise Opera...
alors qu'il se tourne vers quelques chose de pro
Marsh Posté le 16-02-2003 à 20:47:07
Reply
Marsh Posté le 16-02-2003 à 11:55:51
Bonjour,
jke n'arrive pas a faire quoique ce soit avec NS4 Linux vis à vis de mes feuilles de style
Voici ma feuille de style :
A:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
color: #757575;
font-weight: 900 ;
text-decoration:none;
background-color: #FFFFFF ;
}
A.autre:link
{
text-decoration: none ;
color:#133487;
font-weight:bold;
background-color: #FFFFFF ;
}
A.autre:hover
{
text-decoration: none;
color:#133487;
font-weight:bold;
background-color: #FFFFFF ;
}
A.autre:visited
{
text-decoration: none;
color: #133487;
font-weight: bold;
background-color: #FFFFFF ;
}
A.menupage:link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none ;
color: #021162;
font-weight: bold;
background-color: #FFFFFF ;
}
A.menupage:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #341c6d;
font-weight: bold;
background-color: #FFFFFF ;
}
A.menupage:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #133487;
font-weight: bold;
background-color: #FFFFFF ;
}
A.menupage:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none ;
font-weight: bold ;
color: #674434 ;
background-color: #FFFFFF;
}
intro {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #010101;
text-align: center ;
font-weight: bold ;
background-color: #FFFFFF;
}
.formationentete {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #010101;
text-align: center ;
font-weight: bold ;
background-color: #FFFFFF;
}
.textentetecentre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #010101;
font-weight: bold ;
background-color: #FFFFFF;
text-align:center ;
}
.nota{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 8px;
color: #010101;
text-align:center;
background-color: #FFFFFF;
font-weight:bold ;
}
.textnormal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #010101;
margin-left:20px;
margin-right:20px;
text-align:justify;
background-color: #FFFFFF;
}
.textnormalformation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #010101;
margin-left:15px;
margin-right:5px;
text-align:left;
background-color: #FFFFFF;
}
Et voila comment je l'integre a une feuille HTML :
<link rel="stylesheet" type="text/css" href="scripts/style.css">
Maintenant quand je fais un
<div class="nota">
Bonjour
</div>
ça passe bien sous :
IE 4,5.x,6
NS 6.x,7.x
Opera 5,6,7
Konqueror
Mais sous NS 4 y a aucune mise en forme
De meme un <table class="tableau"> Ne passe pas sous NS 4 (ça passe partout ailleurs)
Savez vous d'ou viens mon pb ?