Positionnement DIV / float

Version imprimable

09/06/2009, 15h55
Babybel54

Positionnement DIV / float

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 :)
11/06/2009, 16h07
Candygirl

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.
16/06/2009, 13h56
Babybel54

Merci de ta réponse mais je ne trouve toujours pas ^^
03/07/2009, 23h16
FoxLeRenard
Citation:

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:

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:

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 ;)