code CSS foireux ou bug de ie? (si c'est le cas j'ai besoin d'un fix)
code CSS foireux ou bug de ie? (si c'est le cas j'ai besoin d'un fix) - HTML/CSS - Programmation
Marsh Posté le 09-08-2003 à 02:55:04
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.
Marsh Posté le 09-08-2003 à 03:03:27
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.
Marsh Posté le 10-08-2003 à 11:13:53
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 !
Marsh Posté le 10-08-2003 à 12:50:53
| pascalC a écrit : Je te rassure, ca marche impeccable dans Mozilla et Opera 7, c'est IE6 qui déconne à plein tube. |
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
Marsh Posté le 10-08-2003 à 13:49:22
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
Marsh Posté le 10-08-2003 à 14:39:27
| MagicBuzz a écrit : Ca permet de faire des groupes de contrôle comme dans les fenêtres Windows : |
Ca t'apprendra a crier au loup et a t'en prendre a moz comme tu le fais si souvent 
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 
Marsh Posté le 10-08-2003 à 14:51:15
| Hermes le Messager a écrit : |
Ca merdait pareil avec IE et Moz, c'est pas ça que Moz comprends pas.
Moz comprends visiblement pas ça :
| Citation : |
=> 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 
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
Marsh Posté le 10-08-2003 à 14:52:02
| MagicBuzz a écrit : Ca permet de faire des groupes de contrôle comme dans les fenêtres Windows : |
Merci mais ou trouver les infos sur ce genre de truc 
Marsh Posté le 10-08-2003 à 14:55:47
| MagicBuzz a écrit : |
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...
Marsh Posté le 10-08-2003 à 14:58:01
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é 
Marsh Posté le 10-08-2003 à 15:00:40
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...
Marsh Posté le 10-08-2003 à 17:39:12
| flyman30 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/
Marsh Posté le 10-08-2003 à 18:48:02
| pascalC a écrit : |
Merci, j'ai rien trouvé chez yoyodesign
Marsh Posté le 11-08-2003 à 08:43:06
Reply
Marsh Posté le 11-08-2003 à 10:41:00
ReplySujets 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?
Marsh Posté le 08-08-2003 à 16:24:55
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:
La tout a l'air normal
1er bug (avec ie6, pas ie5.5): au dessus du bouton apparait le texte de la derniere option de la derniere liste box
Là je sais pas trop ce que fait le cadre...
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