Reprise du message précédent :

En parlant de hits générés, je sais pas si vous avez testé le plugin yslow pour firebug, moi je trouve ça pas mal du tout!

J'ai vu ça sur reddit tout à l'heure... A voir

Est-ce-qu'il y a pas moyen par hasard de ne pas encore avoir cette discussion pour savoir si les hack c'est le bien ou c'est calotte sur ta bouche ?

 
CALOTTE SUR TA BOUCHE

mini sondage:

Quelle est votre façon favorite pour avoir des elements cachés/affichés (en l'occurence une liste d'items, j'aimerais pouvoir afficher plus de details en cliquant sur ceux qui m'interessent)

Je vais fouiller tout ça Imagemagick/GD c'est un meilleur résultat que imagecopyresampled on est d'accord ?

Donc le mec qui bosse pour IE >= 6, il a besoin d'aucun hack(/2ème CSS) et les min-height ? et les trucs de has Layout ?

Par défaut visible, je cache avec du JS  pour que les l33t qui désactive le JS ait quand même qq chose

 
Sympa...Mais on peux pas virer leur icône, en bas à droite....

 
 
function cache(block) {
   block.style.position = "absolute";
   block.style.left = "-424242px";
   block.style.top = "-424242px";
}
 

WINDOWS STAŸLE FOREVER BABE

tout mélangé :
 
function details(id) {
  var d = document.getElementById(id);
  if (d.style.display == 'block') { // chais plus si il faut tester le block ou le none, y'en a un qui marche, pas l'autre
    d.style.display='none';
  } else {
    d.style.display == 'block';
  }
}
<a href="#" onclick="details('details125');return false;">détails</a>
<div id="details125" class="details">blah</div>
.details { display: none; }

 
Sauf que si ton élément n'est pas du block tu l'as dans le ...
 
Je dirais plutôt qu'il faut tester si l'affichage est différent de none, si oui alors on passe à "none", sinon on passe à ""

Jusqu'a preuve du contraire IE6 et 7 n'ont pas totalement totalement le même rendu, donc ça fait 3 feuilles, et il arrive que Safari fasse sa prostituée, du coup, ça t'en fais 3 sur, et 4 potentielles.
Et ça n'empeche pas qu'en prod (sur un gros site je répète) tu peux merger

Le min-height ça touche au box model, le contexte de formatage c'est une classe dans toute la feuille.

Quelqu'un pourrait m'expliquer ce qui cloche avec mes deux titre du milieu ?
 
J'ai essayé de les faire flotter mais ça ne change rien.
A savoir que le bloc de droite au milieu se décalle sur le bas et que le contenu du titre est partie je ne sais où
 
http://koskoz.info/et/
 

<h2 id="titre_matchs">Derniers Matchs</h2>
        <ul id="bloc_matchs">
            <li>Match</li>
            <li>Match</li>
            <li>Match</li>
            <li>Match</li>
            <li>Match</li>
            <li>Match</li>
            <li>Match</li>
        </ul>    
        
        <h2 id="titre_last_news">Dernières news</h2>
        <ul id="bloc_last_news">
            <li>News</li>
            <li>News</li>
            <li>News</li>
            <li>News</li>
            <li>News</li>
            <li>News</li>
            <li>News</li>
        </ul>

#titre_matchs {
background-image: url(../gfx/titre_last_wars.jpg);
background-repeat: no-repeat;
width: 245px;
height: 26px;
text-indent: -9999px;
text-align: left;
}
#bloc_matchs {
float: left;
width: 243px;
border: 1px solid #9e9e9e;
border-bottom: 1px solid #6a6a6a;
}
#bloc_matchs li {
background-image: url(../gfx/bg_bloc_top.jpg);
background-repeat: no-repeat;
width: 243px;
height: 18px;
}
#titre_last_news {
background-image: url(../gfx/titre_last_news.jpg);
background-repeat: no-repeat;
width: 245px;
height: 26px;
text-indent: -9999px;
text-align: left;
}
#bloc_last_news {
float: left;
width: 243px;
border: 1px solid #9e9e9e;
border-bottom: 1px solid #6a6a6a;
margin: 0 0 0 2px;
}
#bloc_last_news li {
background-image: url(../gfx/bg_bloc_top.jpg);
background-repeat: no-repeat;
width: 243px;
height: 18px;
}

ouais, aussi
mais bon, en général, perso, je sais si l'élément que je veux afficher est en block ou pas, alors je peux faire le test, sans me prendre la tête à rendre la fonction générique
 

mes feuilles de style, en général, c'est : une pour les navigateurs normaux, une pour IE6, une pour IE7 éventuellement, celles pour IE corrigeant uniquement ce qui pose problème, et elles sont dans des conditional comments. Ah oui, et si tu crois sérieusement que les seuls problèmes que IE cause sont liés au box model, ahahahahaha lolilol.
1/ explique comment tu fais une feuille de style spéciale safari
2/ explique comment tu merge tes feuilles de style sans les conditional comments (ne me parle pas de hack)

 
lol

'tain c'est "spécial fight" ce soir ?
 
Anapajariiiiiiii, t'es oùùù ?

Je sais pas si je suis d'accord, mais juste pour dire qu'on peut et avoir plusieurs fichiers et les merger (via php+includes genre).

Je comprend pas bien, le contexte de formattage tu parles des pb de hasLayout ? et ça avec une seule classe tu les résouds tous ??

1/ Je doute avoir écris ça.    
2/ Via JS, l'implementation est encore à l'état de suggestion. Sinon avec un beau hack.    
3/ Tu mets des hack. Tu gardes une copie avec les feuilles séparées.    
 

t'as quand même dit

t'as du sacrément mal t'exprimer

Non mais à la base on parle de maintenance, les mecs qui savent pas ouvrir leur yeux parce qu'une CSS c'est un peu comme le befunge tu vois.
Alors je propose de faire une partie prod, une partie dev, comme ça leur cerveau ne brule pas comme une patate douce en plein desert.
Et oui tu peux merger comme tu le dis, ou faire un make file ou whatever.

Special cosmoschtroumpf :
 

jvois pas le rapport avec le hasLayout
plus exactement je vois pas en quoi ca résoudrais MES pbs de hasLayout.

Non. Pour une maquette :
 
J'ouvre firefox, je code.
J'ouvre IE 6/7, je corrige ce genre de bug. (largeur/hauteur/padding/margin) (je suis un train de mater une feuille de 13ko, y'a que ça en hack)
Je vérifie sous Opera/Safari/Konqui.

http://msdn2.microsoft.com/en-us/library/ms530764.aspx

ptin j'y capte vraiment rien
ils semblent dire ici que (dans certains cas ?) il n'y a pas de façon de virer un hasLayout :
http://www.satzansatz.de/cssd/onha [...] 50824.html

C'est une propriété que certains eléments on part défaut.
Par exemple un display:table-cell balance le layout sur n'importe quel élement.
 
C'est quoi ton soucis au juste?

Je te recommande de lire http://www.satzansatz.de/cssd/onhavinglayout.html (c'est la version actuelle du document que tu as lié, la tienne est la rev4, celle ci est la rev8)

Il y a justement une section Resetting hasLayout

En l'occurence, c'est des <li> en block/relative dans un <ul>, qui ont une margin-bottom de 2px supplémentaire à la valeur voulue (en gros, je mets margin:0; et j'ai toujours 2px en bas).
Tu peux tester, toujours sur le mm site, je vire le hack et fous les marges à zéro rien que pour toi
http://test.bubblebeat.com (c'est le menu des styles, bref on voit clairement la diff entre FF et IE)

Quels li y'en a tellement
 
Une p'tite capture?
 
display:block + float = no good

C'est pas dur c'est le seul truc qui change entre IE et FF, c'est entre les lignes du menu des styles musicaux  
Pourquoi "display:block + float = no good" ?
Comment tu veux que je foute en inline, j'ai une hauteur et une largeur, des marges et des paddings
En plus si c'était un inline, j'aurais mm pas besoin de float
 
edit :
FF :
IE :
Les marges sont a 0, et sur IE ya 2 px qui sortent de son slip.

 
Personne qui voit ?
 
En gros j'ai deux liste en float: left pour qu'elles soient l'une à côté de l'autre et au dessus de chaque liste j'ai un titre.
Si je ne fait pas flotter le titre le bloc de droite décale vers le bas et le titre du bloc de droite part je ne sais où, et si je vais flotter les deux titre, ils se retrouvent tous les deux à gauche et les listes à droite.

 
À ta place je foutrais les ensembles "h2+ul" chacun dans un div, et c'est les divs que je foutrais en float.
 
Mais vu la gueule de ton truc, tu ne peux pas utiliser une table ? Ça me semble très "tabulaire" tout ça non ?

 
Oui, en fait pour mon dernier projet j'avais utilisé des tableaux pour ces blocs là mais je me demandais si une liste n'était pas une meilleur solution.

comme Yell pour les div en float, et sinon Firebug me dit que ton titre est caché derrière la liste de gauche. Sans div conteneuse, comment tu comptes faire pour positionner ton deuxième titre (celui qui est caché) ?
Pour le décalage de la liste, là ta deuxième liste se met le plus a gauche possible (donc a droite, normal) a l'endroit ou le flux normal (dont seuls les "relative" font parties) se termine, c'est à dire après les 2 <h2> (l'un visible, l'autre caché)

 
Ben ça dépend, je dirais que si c'est de l'information => table, si c'est de l'action => liste ... mais ça n'engage que moi

Après je vais ptet me faire taper dessus mais perso j'ai jamais réussi à obtenir exactement le mm résultat sur FF et IE avec des tableaux, niveau padding, bordures, notament... hasLayout est dans la place

 
Pas sûr de bien comprendre la différence entre les deux
 

 
Tu avais reseté la CSS avant ?
 
 
Et sinon, j'ai encore beaucoup de mal avec le positionnement des blocs par rapport au flux, et c'est pas faute d'avoir lu des articles.

Oui, oui, enfin même sans ça, quand tu mets margin:0 sur un élément, reset ou pas tu as une marge à 0...

Ben c'est pas compliqué, j'ai pas lu gd-chose dessus, mais ce que j'en comprend : tu as le flux normal, constitué de tous les élements en positions relative/static, en float:none (pas de float quoi). Comme ce post quoi. Jusque là ça va ?
Quand tu mets un élément en float:left ou right, il regarde ou est la limite du flux (ou il finit verticalement) et il met ses trucs en-dessous, a droite ou a gauche, sous cette limite. Pour autant, il ne fait pas vraiment partie du flux.
Quand tu rajoutes du texte au flux, il continue là ou le vrai flux s'est arreté et s'arrange pour se mettre dans les trous comme là

Par contre dans ton cas je comrpend pas pkoi ton 2e <h2> est dessous la 1ere liste, il devrait etre à la mm hauteur mais a droite, là ou il n'y a rien

Pourquoi une regex avec ça :
 

$regex = '/\\/';

 
Me sort ça :
 

 

 
Edit :
 
Et donc pour que ça marche faut faire ça :
 

$regex = '/\\.*/';

 
ou
 

$regex = '/\\$/';

 
Suivant si on veut du texte ou pas après... mais c'est strange quand même

Je sais plus pourquoi, mais essaye avec '\\\\' voir ? (/\\\\/ donc.)

Chépa, c'est juste que float donne le layout, donc ton display:block sert à queudal.
Et pour ton truc, c'est un peu normal, du donne une hauteur à ton ul
Et pourquoi tu remets margin:0 partout quand tu l'as sur ton selecteur  * ?
Et pourquoi tu mettrais pas 16px comme hauteur pour l'état replié du li? Je pense que ça ferait moins moche