Reprise du message précédent :
Avec des <div> et des propriétés à la con genre float

W3C Compliant a écrit a écrit : Avec des <div> et des propriétés à la con genre float

 
pfff, bon ben je me prends pas la tête, je reste avec mon tableau

Propriétés a la con ? Je suis en train de voir ce que je peux bricoler avec les css (pour ma culture) et justement je suis en train d'en mettre un peu partout... Faut eviter ? Pourquoi ? Et par quoi le remplacer alors ?

Propriétés à la con car ca reste assez limité, et y a pas 2 browsers qui gèrent de la même façon

ben si je veux mettre deux <div> a la même hauteur, mais un a droite, l'autre a gauche, y'a moyen de faire autrement ?

et au fait, IE et NN6 ne gérent pas les pixels de la même manière?
 
J'ai remarqué que sur la même page vue sous les deux navigateurs,
NN6 a tendance a être plus large sur l'attribution des pixels...
 
Ce qui oblige, si on est tatillon, à faire deux css avec les valeurs en pixels qui changent??!!

Si c du positionnement au touche à touche, a priori ca pose guère de problèmes... par contre pour des positions absolues/en pourcentage, on peut se retrouver avec des décalages

W3C Compliant a écrit a écrit : Si c du positionnement au touche à touche, a priori ca pose guère de problèmes... par contre pour des positions absolues/en pourcentage, on peut se retrouver avec des décalages

 
Non, pas de % ni de absolute...
 
Par contre, peut-être est-ce que je ne spécifie pas assez de critères, qui sont à 0 chez IE et >0 chez NN6, ce qui entrainerait ces décalages??

Tiens, ie gère pas le z-index ?  

Bah si...

ben merde alors... mon truc valide et passe sous moz... j'ai du merder quelque part.

C'est bon, j'ai effectivement fait le con. On va dire que c'est parce qu'il est tard  

bon, par contre ce qu'il me faut maintenant je sais même pas si c'est faisable. J'ai deux <div> en absolu, une grande et une petite, la petite étant placée au dessus de la grande. Cette derniere contient du texte, et le texte sous la petite <div> est caché. Y'a moyen de faire en sorte que le texte passe autour, comme avec un float ?

j'ai rien compris.

comme ca :  
 
 

moi, vais    
 
bon courage, bonne nuit, et à demain pour de nouvelles aventures!!

inline-box (-moz-inline-box dans mozilla)

haazheel a écrit a écrit : et au fait, IE et NN6 ne gérent pas les pixels de la même manière?   J'ai remarqué que sur la même page vue sous les deux navigateurs, NN6 a tendance a être plus large sur l'attribution des pixels...   Ce qui oblige, si on est tatillon, à faire deux css avec les valeurs en pixels qui changent??!!

Un pixel ça reste un pixel quelque soit le navigateur... jamais remarqué de telles différences. URL ?

Non faut faire un float. Le positionnement absolu ne tien pas compte des autres boites.

C'est bien ce que je craignais... Donc en fait y'a pas moyen d'avoir  un <div> en partie sur un autre (sans les inline, que j'ai pas encore regardés)

Ben si avec float

euh... avec float j'arrive a fair passer le texte ou je veux, ca c'est bon, mais dans ce cas faut que j'utilise un positionnement normal. Je change donc de question alors : comment faire pour qu'un <div> dépasse d'un autre ?

Donne lui une marge négative. A droite par exemple.

Rho ben tiens, ca c'est bien le genre de truc auquel j'aurais jamais pensé   J'ai donc un truc qui marche sous moz, mais sous ie c'est la galère, au lieu de depasser la petite div est tronquée  
   
 

skoi ça?????
 
et j'ai deja posé la question mais: tu veux dire

?
 
bon, filez moi une BONNE url resumant tout ce bordel svp
 
(la spec du w3c spa glop à lire)

lorill a écrit a écrit : Rho ben tiens, ca c'est bien le genre de truc auquel j'aurais jamais pensé   J'ai donc un truc qui marche sous moz, mais sous ie c'est la galère, au lieu de depasser la petite div est tronquée

Pffff ça su><. Bon, ça, ça marche :
 

En fait, inline-box fait partie des CSS 2.1 parues très récemment : http://www.w3.org/TR/CSS21/cover.html
 
Inline-block (oui j'ai écrit inline-box, désolé) : http://www.w3.org/TR/CSS21/visuren.html#display-prop
 
Problème, Mozilla n'a pas encore intégré cette propriété car il considère pour l'instant que ce n'est pas une propriété standard. Or, si un navigateur veut intégrer une propriété non standard il doit la faire précéder d'un préfixed du style -navigateur-. C'est pour ça que les propriétés spécifiques à Mozilla commencent toutes par -moz-, comme "-moz-border-radius" ou "-moz-inline-block".
 
Bien entendu, IE ne fait pas comme ça, il écrit bien "filter" ou "scrollbar-base-color" et non pas "-ie-filter" ou "-ie-scrollbar-base-color" comme il est censé le faire.

 
yep: http://oppc.free.Fr

le noir sur fond bleu c'est pas ce qu'y a de plus lisible

http://pikas.net.free.fr/Design/
 
Tention sous NS4 c'est à se vomir dessus tout en chiant debout

Il y a déjà un truc qui va pas dans tes boîtes. Par exemple si je prends celle en haut à droite (membres...). Si je lis bien la classe .liens, cette boîte doit faire une largeur de 126px. Elle a un padding de 2px, une bordure de 1px et une marge de 5px. D'où une largeur totale de 126 + 2x2 + 2x1 + 2x5 = 142 pixels. Or elle se trouve dans une boîte qui ne fait que 138 pixels de large (classe .bloc). Donc ça coince. Essaye déjà de résoudre ces problèmes.

Mouarf l'autre qui est devant son PC avec son double décimètre

  mais ça n'aurait pas été plus simple de faire qu'une seule image de fond ?

toujours préféré les designs 'en morceaux' m'enfin bon pkoi pas, je testerai tonite

W3C Compliant a écrit a écrit :   toujours préféré les designs 'en morceaux' m'enfin bon pkoi pas, je testerai tonite

Réminiscence des designs par tableaux ça

Nan c surtout que j'ai l'habitude de changer 36 fois de designs donc c plus facile de remplacer un petit bout que devoir bosser sur le tout C'est jamais que le 2.10^45ème essai de design que je fais =)

Tiens, en passant :
 
http://forum.clubic.com/forum2.php [...] t=#t101259
 

Bon, ben là j'arrive à obtenir la même chose sous IE et NN, mais en contournant le problème...
 
En effet, je passe par PHP qui rajoute dans le <head> des modifications de style aux css qui posent "problème", et ça marche comme ça...
 
Je vois vraiment pas ce qui fait merder sans ce "correctif"...

Pas besoin de script serveur pour utiliser des styles différents sous Netscape et le reste : utilise plutôt la fonction @import url(truc.css); dans ta feuille de style (ou dans <style></style> )
 
... qui est ignorée par NS4... donc tu fais un lien normal vers une feuille pour NS4 (<link href="ns4.css"> ) puis tu "overrides" ces propriétés dans la feuille appelée par @import
 
c'est moins lourd

moi je dis sobre et bien. (oh la belle patte sur le bandeau )
 
Et pour le point NS4, me suis résolu de mon côté à faire une ignoble chose, le popup "attention vous avez un navigateur pourri faudrait voir pour passer à un NS supérieur, Moz, IE ou Opera".
 
C'est mal, mais le passage aux DIVs est à ce prix...
 
Ce qui me gêne un peu, parce que dans les - de 4% de visiteurs du site qui utilisent Netscape, les 3/4 en sont encore à NS 4.xx...
 
Mais zenfin.
 
Volons à grandes enjambées vers la modernitude !