noob problème css avec ie ^^ - Page 1

yop,

j'essaie de comprendre pourquoi la css de cette page rend normalement sous ff/konkeror/safari, mais laisse apparaitre des espaces blancs un peu partout sous ie, quelqun connait la raison ?

http://mirari.free.fr/tmp/skin.htm

(les couleurs immondes c'est normal, au moins on voit bien le problème )

Edited_774

si c'est un bug d'ie, il a peut-être été corrigé avec la version 7
t'es sûr que c'est exactement la même chose sinon ?

perso j'obtiens ça avec FF (correct) :


et ça avec IE (incorrect, à cause des espaces dont un est indiqué par le pointeur) :

Peut-être en jouant avec border-collapse ? Mais je ne pense pas...

nop, aucun changement :/

essayes de mettre ca au debut de ta css (ca va peut etre te demander d'autres modifs pour obtenir ta mise en page precedente)

*
{
	background-color:	transparent;
	color:			#000000;
	margin:			0.0em;
	padding:		0.0em;
	border:			0.0em;
	font-family:		verdana, sans-serif;
	font-size:		1.0em;
	font-weight:		normal;
	font-style:		normal;
	text-decoration:	none;
}

ca permet de reinitialiser toutes les dimensions et IE a quelques valeurs par defaut a la con

hmf aucun effet non plus

ayé j'ai trouvé, visiblement ie6 ne supporte pas qu'on mette un attribut height en plus du padding (pour que l'element conserve sa hauteur même si on n'y écrit pas de texte) :/

-Ximmon +Ximoon ?

t'es le deuxième à poser la question mais non, il n'y a pas d'erreur ^^

(20:20:26) (Vertyos) comment lui expliquer... (20:20:56) (Ximoon) "t'avais qu'à arrêter de jouer à wow"

c'est tout.

c'est vrai que la skin fait penser à du Xi ...

c'est surtout le "loret ipsum dolor" je pense ...

aussi, oui

C'était pour ça

Bon, j'en profite, autre problème mais cette fois c'est juste que je sais pas comment faire (et tous les tutos que j'ai vus sur le net contournent le problème :/)

Voilà un div tout con, avec deux élements floats, un à gauche, un à droite. Le texte s'écrit bien où il faut, c'est à dire entre les deux élements flottants, mais le background déborde sur toute la longueur (concrètement on voit la barre bleue derrière les rectangles rouges). Y'a une solution simple de l'empêcher de mordre comme ça sur les autres élements ? (le "contournement du problème" consiste à mettre des images non transparentes dans les élements flottants, mais dans mon cas je ne peux pas)

tu as la solution qui consiste à foutre un marge latérale sur cellbottom2 pour ne plus que ça chevauche le reste

Hmm j'ai oublié qq précisions à force de vouloir isoler le problème ^^
En fait sur la page originale, le cadre flottant de droite a une largeur variable (pour faire simple), donc il faudrait une marge latérale variable, donc malheureusement ça passe pas :/

et en repensant totalement tes div ?

bah en même temps y'en a que 4 là (je doute que changer ceux qui sont en amont, et absents sur cet exemple, change quelque chose ^^) donc même en repensant "totalement" les divs ça ferait pas trop de boulot, et c'est pas faute d'avoir essayé mais j'ai pas pu régler le pb ^^

et en repensant totalement ton design ?

enfin je pense pas que ça soit possible de faire ce que tu veux avec des div+css si tib cadre est de largeur variable et que tu peux pas utiliser de fond opaque
mais peut être que c'est possible avec un bon vieux <table>

qu'est-ce qu'il a mib cadre ?

Nue :
et en repensant totalement ton design ?

bahhh... (en plus spa le mien alors bon ^^)

enfin je pense pas que ça soit possible de faire ce que tu veux avec des div+css si tib cadre est de largeur variable et que tu peux pas utiliser de fond opaque

mais peut être que c'est possible avec un bon vieux <table>

oui avec des tables je sais faire ms j'essayais d'éviter

mci quand même ^^

c'est pas non plus Über Evil les tables hein ^^

vi vi c'était juste une envie perso, j'ai jamais réussi à faire ce que je voulais en utilisant que des css (le plus "réussi" c'est volatile, je te laisse imaginer les autres) alors pour une fois...

bah, mis à par les images il était pas mal le design sinon

Hmmm de ce que j'ai compris, l'attribut display sert à ça, justement, mais je n'ai pas encore compris toutes les subtilités

L'attribut display c'est bien le truc qui sert à faire des span qui se comportent comme des div et réciproquement ? (genre span display : block et div display : inline) ? (mais du coup je comprends plus la différence entre span et div mais bon)

oui, mais a priori on peut aussi faire display:table ou display:table-cell ( http://www.w3schools.com/css/pr_class_display.asp )
(et à vrai dire je n'ai jamais compris pourquoi on avait créé deux éléments aussi proches avec div et span...)

Bah ce sont des balises "vierges" avec chacune un des deux comportements par défaut possibles.
En gros dans la feuille de style html par défaut tu as div { display: block; } span { display: inline; } et tu peux comme pour toutes les balises le modifier, mais c'est juste une façon de définir les deux utilisations (d'autant plus que la signification de "div" et de "span" est assez claire) car aucune des deux n'est plus naturelle que l'autre
D'ailleurs si je ne me trompe pas, a quelques exceptions prêt (balise image, et autres balises avec comportement spécifique) l'apparence de toutes les balises html est maintenant définie entièrement en css.

./27 > je viens de comprendre que j'avais confondu structure et contenu, on peut faire un div avec display:inline mais ça n'en fait pas un élément inline, il sera juste affiché comme s'il en était un, mais il ne peut pas apparaître à l'intérieur d'un paragraphe. Inversement, on peut faire un span display:block et il sera présenté comme un paragraphe séparé, mais il n'en sera pas un dans la logique du document, et il ne pourra pas apparaître directement dans le body.
En fait tu peux faire un élément block avec un display inline ou un élément inline avec un display block, le vocabulaire prête à confusion mais c'est indépendant bien que ça s'appelle pareil