Positionnement DIV / float

**Babybel54** · 09/06/2009, 15h55

Bonjour,

Voilà mon problème est sur cette page : http://gotti.matthieu.free.fr/oriffpl/liens.html
Quand on la regarde avec IE ça rend le résultat voulu, mais avec Firefox non.

Hier j'avais le problème inverse avec cette même page..
J'ai donc rajouter dans mon css:
overflow: hidden;
display:inline-block;
clear:both;

et cela donne ce résultat, quelqu'un peut il m'aiguiller pour que j'ai la même chose sur les 2 explorateurs, sans avoir à utiliser 2 styles différents (un pour IE et l'autre pour firefox).

voilà l'adresse de mon CSS : http://gotti.matthieu.free.fr/oriffpl/images/style.css

Merci d'avance pour vos réponses

**Candygirl** · 11/06/2009, 16h07

bonjour,

Si le but est de mettre ton texte à côté de ton logo, alors ton clear:both est de trop pusiqu'il interdit justement à ton élément de venir se placer à côté d'un flottant. IE7 - a justement des problème pour appliqer correctement un clear à un élément flottant.

AUtrement tu pourrais alléger ton code et attribuant la classe .liens_logo directement à l'image.

**Babybel54** · 16/06/2009, 13h56

Merci de ta réponse mais je ne trouve toujours pas ^^

FoxLeRenard · 03/07/2009, 23h16

Envoyé par Babybel54

Merci de ta réponse mais je ne trouve toujours pas

Bonsoir,
j' ais passé un moment pour trouver la différence entre navigateurs !
Houpssss ... je penses avoir deux vrais pistes.

La plus fiable ... j'ais repéré que tu utilisais des atributs dans ton CSS
non pris encompte, alors j'ais testé en strict et la ça semble passer partout.
peux-tu tester

Code :

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

1
2
3
 
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'  'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>

Ma deuxiéme piste est moins glorieuse, mais marche aussi ,
bien qu'elle emploie des atributs qui vont disparaitres
Tu mets tes images et le texte dans un seul DIV
avec ceci ...

Code :

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

1
2
3
4
5
 
<img hspace=20 vspace=8 src="xxx/xxx.jpg" align=left>
tout ton texte même avec des <br />
et le dernier est
<br clear=left>

Bon tiens nous au courant

Positionnement DIV / float

Positionnement en CSS

Discussions similaires

Partager

Partager