Encore prob avec IE notamment... :S lol

Bonjour,

Probleme d'affichage sous IE notamment..
Le problème c'est que dans IE, l'image du div header ne se colle pas parfaitement avec ce qu'il y a dans le div menu, il y a un petit espace blanc, qui n'apparait pas dans Firefox ou tout est bien collé

J'ai essayé plusieurs choses mais j'arrive pas résoudre le probleme, ou alors ca déforme totalement dans firefox en arrivant à arranger le prob dans IE :S

Et de plus, j'aurais aimé que l'image du div header garde sa place quoi qu'il arrive... parce que quand on rétrécie la fenetre, il passe en dessous... j'ai essayé avec un position: ... je ne sais plus quoi mais ca pose d'autres problemes apres..

Enfin si quelqu'un peut m'aider...

Merci
Bonne nuit

<div id="menu">
 <!-- image ou anim flash de 202px de largeur (et d'une certaine hauteur mais qui ne change rien)
  qui est placé en haut à gauche -->
</div>

<div id="header">
	<!-- image qui doit se mettre, se coller directement après ce qu'il y a dans le menu, sans espace entre les 2 -->
	<img src="images/header.jpg" width="822" height="225" alt="" />
</div>

/* Menu de gauche */
div#menu
{
	margin: 0;
	padding: 0;
	float: left;
	width: 202px;
} 

/* Entête */
div#header
{
	margin: 0;
	padding: 0;
	height: 225px;
}

Modifié par italiasky (16 Mar 2007 - 07:59)

Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.



De plus, peut être qu'il serait bon que tu nous donne une page d'exemple ou au moins le code complet (html et css) car il faut nous donner le maximum d'informations pour qu'on puisse t'aider. Si une partie de code que tu ne nous as pas donné influence celle que tu nous donne d'une quelconque manière que ce soit, il nous est pour l'instant impossible de le savoir. Mais une page en ligne est encore mieux, car on peut s'y retrouver encore plus vite.
Modifié par Mikachu (16 Mar 2007 - 00:21)

Salut, c'est pourtant bien la position: absolute qui résoudra ton problème, ton menu fait 202px de large, fixe ton header à (je te mets une valeur sans savoir si tu as un padding interne qui décolle ton menu de npx, si oui, adapte...)

#header {
position: absolute;
top: 0;
left: 202px;
}

oeuf corse, si tout ça est à sec, canaille va, dans la page, ça se positionnera par rapport à la page, si c'est dans un conteneur, il faut que tu mette celui-ci en

position: relative;

pour que les éléments qu'il contient se positionnent par rapport à lui.
Have swing

Ok merci
Modifié par italiasky (17 Mar 2007 - 18:04)