Discussion :

[Plock]

Bonjour à tous,

Dans le Site j'ai :
- 1 logo à gauche
- 1 texte au milieu
- 1 logo à droite
Le tout en haut de mon forum

Comme j'ai fait Cela sous Firefox, tout se passe bien
Récemment, sous Internet Explorer, j'ai découvert des problèmes :
Le texte au milieu et le logo à droite descendent d'une ligne.
Le texte au milieu passe derrière aussi une barre de couleur unie (CSS)

Je penses qu'il faut juste rajouter un petit bout de code afin que le tout soit compatible avec Internet Explorer et Firefox, mais ce code, je ne le connais pas, c'est pourquoi je viens demander de l'aide à ce forum qui a l'air d'être bien !

Merci !!

[copin]

Salut,

Avant de pouvoir t'aider...
Pourrais tu nous donner un peu de code? (Ca aiderait à t'aider!)

[HiRoN]

Salut,

Au vu de ce que tu dit, en partant sur quelque chose comme ceci :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#container { width:30%; margin:auto; overflow:hidden; }
#div_one { float:left; width:50px; height:50px; background-color:red;}
#div_two { float:right; width:50px; height:50px; background-color:red;}
#div_centre { text-align:center; }

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="container">
	<div id="div_one"></div>
	<div id="div_two"></div>
	<div id="div_centre">Ton Texte</div>
</div>

Le résultat est bien le même sous FF & IE...

[Plock]

Bonjour,

Voici le code utilisé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!--ipb.javascript.end-->
	<div id="logostrip"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='ImageGauche.png' alt='IPB' style='vertical-align:top' border='0' align="left"/><!--ipb.logo.end--></a>
 
<!-- Début Partie Haut -->
<if="ipb.member['id'] > 0">
<script language="javascript" src="LogoDroit.js"></script>
</if>
 
<div align='center'>
<br /><font face="arial" color="white" size="4"><b>Mon Texte Centré</b></font></div>
 
<if="ipb.member['id'] > 0">
<script language="javascript" src="TexteMilieu.js"></script>
<!-- Fin Partie Haut -->
</if>
</div>

Merci !

[HiRoN]

Bonsoir,

Je pense qu'un petit tour dans les cours CSS te ferait le plus grand bien si, en modifiant l'exemple que je te donnes, cela ne te correspond pas (car tiré de ton premier post, c'est pourtant bien le cas).

- Evite l'utilisation de style en ligne (propriété style) au profit de l'externalisation du CSS dans un fichier à part.

- Evite l'utilisation de propriétés telles que align="center" qui sont maintenant dépréciés au vu de leur intégration dans le CSS.

- Evite l'utilisation de <br />, idem au profit du CSS (en jouant sur margin / padding en fonction de ce que tu veux faire).

- Evite la balise <font> au profit de leur correspondance CSS font-family, font-size etc. (idem balise <b>)

D'après ce que je vois ta construction à l'air d'être développé dans un cas + précis, avoir l'ensemble du code de la page pourrait permettre de mieu comprendre la mise en page que tu tentes de faire (toujours à défaut de retoucher l'exemple que je te donne)

Edit : Indiques aussi la version de Internet Explorer que laquelle tu fais tes tests

[Plock]

Salut,

Moi au moins je touche à la CSS, mieux je me portes ^^
En fait moi c'est juste le rendre compatible avec Internet Explorer v7.0.6001.18000

Peux tu m'aider ?
Merci d'avance

[beeboo]

Salut,
je pense pourtant que, au vu de ton code, l'utilisation d'une feuille de style le rendrait vachement plus lisible et beaucoup plus facile à rendre cross-browser. Et dans les commentaires précédents on t'a donné plein de bonnes recettes.