Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1665 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  code CSS foireux ou bug de ie? (si c'est le cas j'ai besoin d'un fix)

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

code CSS foireux ou bug de ie? (si c'est le cas j'ai besoin d'un fix)

n°481272
drlobo
Posté le 08-08-2003 à 16:24:55  profilanswer
 

je commence a utilser intensement les div pour le design
mais la j'ai un gros bug avec Ie6 certainement dû a l'utilisation de float/clear:
 
le plus simple c'est d'illustrer par des images, je precise que je n'ai rien changé au code, juste redimmensionné la fenetre du browser:
 
http://membres.lycos.fr/flash4test/Image1.png
La tout a l'air normal
 
http://membres.lycos.fr/flash4test/Image2.png
1er bug (avec ie6, pas ie5.5): au dessus du bouton apparait le texte de la derniere option de la derniere liste box  :pt1cable:  
 
http://membres.lycos.fr/flash4test/Image3.png
Là je sais pas trop ce que fait le cadre...
 
http://membres.lycos.fr/flash4test/Image4.png
sans commentaires
 
 
question: est ce c'est moi qui code mal?
 
si la reponse est non, faut que fasse quoi pour pas avoir ce probleme (je precise que c'est dans le cadre d'une appli dynamique, je genere un nombre indeterminé de listbox, c'est pourquoi j'utilise des div flottant)
 
 
code source de la page:
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title> Product Finder </title>
 <style type="text/css" title="">
  <!--
  .TxtBold { font-family:"arial,sans-serif,helvetica"; color:#000000; font-size:8pt; text-decoration:none; font-weight:bold; }
  .FrmSelApp { font-family:"arial, helvetica, sans-serif"; font-size: 8pt; text-decoration:none; font-weight:normal; width:200px; }  
  .title{
  background-color: #EEEEEE;
  border: solid 1px black;
  padding: 2px;
  margin:2px;
  text-align:center;
  }
  .level{
   border: dotted 2px black;
   padding: 5px;
   margin: 5px;
  }
  .box{
   float:left;
  }
  .spacer{
   clear:both;
  }
  -->
 </style>
</head>
<body>
 
<div class="level">
 
<div class="box" id='box_07' style='display:none'>
<div class="title TxtBold">Color</div>
 <select class="FrmSelApp" name="07"  size="5">
 <option />
 </select>
</div>
 
<div class="box" id='box_00'>
<div class="title TxtBold">Effect</div>
 <select class="FrmSelApp" name="00"  size="5">
 <option>Protection (against Light)</option>
 <option>Light Stability</option>
 </select>
</div>
 
<div class="box" id='box_03'>
<div class="title TxtBold">Product Class</div>
 <select class="FrmSelApp" name="03"  size="5">
 <option>Light Stabilizers</option>
 </select>
</div>
 
<div class="box" id='box_04'>
 <div class="title TxtBold">Substrate</div>
 <select class="FrmSelApp" name="04"  size="5">
 <option>Polyacetal</option>
 <option>Polyethylene</option>
 <option>Polypropylene</option>
 <option>Polyurethane</option>
 <option>Styrenics</option>
 <option>Unsaturated Polyesters</option>
 <option>Adhesives</option>
 </select>
</div>
 
 
<button  class="TxtBold" style="width:200px">Do a selection</button>
<div class="spacer"></div>
</div>
 
</body>
</html>


 
Edit: : c'est pour site intranet donc ie only (5.5,6), je m'en fout si ca marche pas sur les autres browser, faut que ca marche sur ie


Message édité par drlobo le 08-08-2003 à 16:32:02
mood
Publicité
Posté le 08-08-2003 à 16:24:55  profilanswer
 

n°481893
pascalC
Posté le 09-08-2003 à 02:55:04  profilanswer
 

Je te rassure, ca marche impeccable dans Mozilla et Opera 7, c'est IE6 qui déconne à plein tube.
 
Le coeur du problème semble être dans ton <div class="level">, c'est pas faux mais ça fait déconner IE. Solution, tu remplace le div par fieldset, tes problèmes sont résolus et en plus c'est plus correct sémantiquement, sans oublier que tui vas pouvoir rajouter une balise legend qui va bien.
 
Bon, autre chose, la syntaxe de tes familles de police est incorrecte, ça devrait être :
font-family:arial,helvetica,sans-serif; font-size: 12px;
 
J'ai mis des pixels et une valeur plus élevée car le pt est une valeur d'impression qui dépend du nombre de point par pouce et ça fout souvent la merde mélangé avec des pixels ou dans les résolutions d'écran élevées.
 

n°481894
pascalC
Posté le 09-08-2003 à 03:03:27  profilanswer
 

autre chose, tes lignes
 
<div class="title TxtBold">Effect</div>
 
 
Devraient être :
<label class="title TxtBold" for="00">Effect</label>
 
avec le display:block adéquat dans la classe title.

n°482329
drlobo
Posté le 10-08-2003 à 11:13:53  profilanswer
 

:jap: merci pour le coup de main, ca marche bien mieux maintenant, et en plus je viens de decouvrir 2 nouvelles balises:fieldset et label, c'est vrai que ca donne plus de sens que des divs et ca colle parfaitement a la situation !

n°482370
Flyman30
Posté le 10-08-2003 à 12:50:53  profilanswer
 

pascalC a écrit :

Je te rassure, ca marche impeccable dans Mozilla et Opera 7, c'est IE6 qui déconne à plein tube.
 
Le coeur du problème semble être dans ton <div class="level">, c'est pas faux mais ça fait déconner IE. Solution, tu remplace le div par fieldset, tes problèmes sont résolus et en plus c'est plus correct sémantiquement, sans oublier que tui vas pouvoir rajouter une balise legend qui va bien.
 


 
Ou trouver des renseignements sur fieldset, car je ne connais pas  :) et je ne l'ai pas vu dans la traduction de yoyodesign...


Message édité par Flyman30 le 10-08-2003 à 12:53:47
n°482399
MagicBuzz
Posté le 10-08-2003 à 13:49:22  profilanswer
 

Ca permet de faire des groupes de contrôle comme dans les fenêtres Windows :
 
Un cadre avec un titre en haut à gauche.
 
<fieldset>
   <legend>Groupe de contrôles</legend>
   <input type="text" value="toto"><br/>
   <input type="text" value="toto"><br/>
   <input type="text" value="toto"><br/>
   <input type="text" value="toto">
</fieldset>
 
Spa mal du tout :)
 
PS: sinon, j'ai trouvé pour mon problème de CSS avec mon div qui débordait... Il était autour du FORM, et ce dernier prends systématiquement toute la place. Je l'ai mis à l'intérieur et maintenant c'est OK (et j'en au profité pour le changer en fieldset :))
 
http://stats.manga-torii.com/register.asp

n°482465
Hermes le ​Messager
Breton Quiétiste
Posté le 10-08-2003 à 14:39:27  profilanswer
 

MagicBuzz a écrit :

Ca permet de faire des groupes de contrôle comme dans les fenêtres Windows :
 
Un cadre avec un titre en haut à gauche.
 
<fieldset>
   <legend>Groupe de contrôles</legend>
   <input type="text" value="toto"><br/>
   <input type="text" value="toto"><br/>
   <input type="text" value="toto"><br/>
   <input type="text" value="toto">
</fieldset>
 
Spa mal du tout :)
 
PS: sinon, j'ai trouvé pour mon problème de CSS avec mon div qui débordait... Il était autour du FORM, et ce dernier prends systématiquement toute la place. Je l'ai mis à l'intérieur et maintenant c'est OK (et j'en au profité pour le changer en fieldset :))
 
http://stats.manga-torii.com/register.asp


 
Ca t'apprendra a crier au loup et a t'en prendre a moz comme tu le fais si souvent  :D  
Sinon, pour ton XML (faudra d'ailleurs que je songe a m'y mettre serieusement moi aussi), il tourne toujours aussi lamentablement en boucle avec IE 5.5  :whistle:

n°482474
MagicBuzz
Posté le 10-08-2003 à 14:51:15  profilanswer
 

Hermes le Messager a écrit :


 
Ca t'apprendra a crier au loup et a t'en prendre a moz comme tu le fais si souvent  :D  
Sinon, pour ton XML (faudra d'ailleurs que je songe a m'y mettre serieusement moi aussi), il tourne toujours aussi lamentablement en boucle avec IE 5.5  :whistle:  


Ca merdait pareil avec IE et Moz, c'est pas ça que Moz comprends pas.
 
Moz comprends visiblement pas ça :
 

Citation :


<?xml version="1.0" encoding="ISO-8859-15"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format">
<xsl:template match="/page">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MagicStats</title>
    <link rel="stylesheet" href="/medias/css/default.css" />
</head>
<body>
 <!-- Contents -->
 <div class="contents">
  <xsl:if test="contents/text!=''">
   <div class="text">
   <xsl:apply-templates select="contents/text"/>
   </div>
  </xsl:if>
 </div>
 <!-- /Contents -->
</body>
</html>
</xsl:template>
 
<xsl:template match="b">
 <b><xsl:apply-templates/></b>
</xsl:template>
<xsl:template match="u">
 <u><xsl:apply-templates/></u>
</xsl:template>
<xsl:template match="form"/>
<xsl:template match="error"/>
<xsl:template match="br">
 <br/>
</xsl:template>
</xsl:stylesheet>


 
=> Il vire bien le contenu de "form" et de "error", qui est dans ma balise "text", mais le texte n'est pas mis en forme avec les br, le gras et le souligné... Donc je capte pas, parceque c'est pourtant rigoureusement le même fonctionnement, et surtout c'est appelé en même temps au même endroit, sur le même tag :pt1cable:
 
Sinon, sous IE5.5, oui, je sais, c'est pour cette raison que je pense plus à un big de mon côté, mais apparement, personne s'y connait en XML ici (ou ne veut perdre son temps à me poster 3 lignes de code) parceque j'ai toujours pas de réponse à mon problème :/
 
Et sur le net, je trouve nul part un XML/XSL structuré de façon apparentée aux miens, du coup je peux pas reprendre d'exemple, leur fonctionnement à chaque fois fondamentalement différent.


Message édité par MagicBuzz le 10-08-2003 à 14:51:34
n°482476
Flyman30
Posté le 10-08-2003 à 14:52:02  profilanswer
 

MagicBuzz a écrit :

Ca permet de faire des groupes de contrôle comme dans les fenêtres Windows :
 
Un cadre avec un titre en haut à gauche.
 
<fieldset>
   <legend>Groupe de contrôles</legend>
   <input type="text" value="toto"><br/>
   <input type="text" value="toto"><br/>
   <input type="text" value="toto"><br/>
   <input type="text" value="toto">
</fieldset>
 
Spa mal du tout :)


 
Merci  :jap:  mais ou trouver les infos sur ce genre de truc  :??:

n°482482
MagicBuzz
Posté le 10-08-2003 à 14:53:15  profilanswer
 

google : fieldset :D

mood
Publicité
Posté le 10-08-2003 à 14:53:15  profilanswer
 

n°482485
Hermes le ​Messager
Breton Quiétiste
Posté le 10-08-2003 à 14:55:47  profilanswer
 

MagicBuzz a écrit :


Sinon, sous IE5.5, oui, je sais, c'est pour cette raison que je pense plus à un big de mon côté, mais apparement, personne s'y connait en XML ici (ou ne veut perdre son temps à me poster 3 lignes de code) parceque j'ai toujours pas de réponse à mon problème :/
 
Et sur le net, je trouve nul part un XML/XSL structuré de façon apparentée aux miens, du coup je peux pas reprendre d'exemple, leur fonctionnement à chaque fois fondamentalement différent.


 
ouai, c'est aussi pour cela que j'ai la grosse flemme de m'y mettre, et pourtant, je sais tres bien que c'est l'avenir...  :jap:

n°482489
Flyman30
Posté le 10-08-2003 à 14:58:01  profilanswer
 

Magic pour le XML regarde là:  
 
http://www.allhtml.com/xml/index.php  
 
Je ne sais pas si tu trouvera ton bonheur, mais c'est un forum dédié  ;)

n°482492
MagicBuzz
Posté le 10-08-2003 à 15:00:40  profilanswer
 

Mouais, je vais poster mon problème à tout hasard...
Mais la dernière fois que j'ai posté sur le forum de allhtml, j'ai eu une réponse foireuse au bout de 3 semaines... :/

n°482592
pascalC
Posté le 10-08-2003 à 17:39:12  profilanswer
 

flyman30 a écrit :


 
Merci  :jap:  mais ou trouver les infos sur ce genre de truc  :??:  


 
Dans la norme HTML tout simplement. Puisque tu as Mozilla, je te conseille d'installer l'onglet de dévelopement devedge, tu as toutes les balises HTML/CSS/XSLT/JS par liste alphabétique avec renvoi sur leur description dans la norme. C'est super pratique :
 
 http://devedge.netscape.com/toolbox/sidebars/

n°482615
Flyman30
Posté le 10-08-2003 à 18:48:02  profilanswer
 

pascalC a écrit :


 
Dans la norme HTML tout simplement. Puisque tu as Mozilla, je te conseille d'installer l'onglet de dévelopement devedge, tu as toutes les balises HTML/CSS/XSLT/JS par liste alphabétique avec renvoi sur leur description dans la norme. C'est super pratique :
 
 http://devedge.netscape.com/toolbox/sidebars/  


 
Merci, j'ai rien trouvé chez yoyodesign  ;)

n°483027
jppejcp
Posté le 11-08-2003 à 08:43:06  profilanswer
 
n°483122
Flyman30
Posté le 11-08-2003 à 10:41:00  profilanswer
 

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  code CSS foireux ou bug de ie? (si c'est le cas j'ai besoin d'un fix)

 

Sujets relatifs
VB6 - Composant FTP : Ch testeurs (code source client FTP fourni)[HTML / CSS] Problème avec le "positioning"
executer du code 1 fois sur deux dans un while[HTML/CSS] Background, table et hover
[cfm]Besoin d'aide pour des scripts cfm.Valider CSS
simplifier une ligne de code ASP[HTML/CSS] Border dotted et IE
[HTML/CSS]un bord blanc avec les CSS et <SELECT>[HTML/CSS] IE et overflow?
Plus de sujets relatifs à : code CSS foireux ou bug de ie? (si c'est le cas j'ai besoin d'un fix)

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.085 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR