[Résolu] Problème de float

Bonjour à tous,

Voila j'ai coder mon design de base et maintenant j'affiche les logo et le titre dans la bannière supérieure, cependant il me reste un problème avec ceux-ci.

En effet, j'ai mit un float: right sur le logo mais du coup le titre se met bien à gauche mais il ne prend pas en compte mon margin-top qui est sensé le mettre au milieu de la zone bleue (verticalement).

Voici un aperçu pour que vous puissiez visualiser ce que je veux dire ainsi que voir l'erreur que j'ai dut faire dans mon code source

http://users.skynet.be/cadenza/demo/

fichier html : http://users.skynet.be/cadenza/demo/index.html
fichier css : http://users.skynet.be/cadenza/demo/style.css

Merci d'avance pour votre aide, tout ce que je souhaite faire c'est garder la position actuelle du logo (carré rouge), et descendre le titre (rectangle rouge) un peu plus bas dans la zone rouge
Modifié par Scriptiz (22 Dec 2007 - 16:23)

Bonjour,

Si j'ai bien compris ta demande, le comportement actuel est tout ce qu'il y a de plus normal: tu appliques (pour une raison qui m'échappe) à ton élément #title un comportement en ligne grâce à display:inline. Hors, un élément en ligne ne peut bénéficier de marges verticales.
La solution: supprimer ce comportement en ligne à priori totalement inutile.
Attention toutefois à la fusion des marges qui peut en résulter; le remplacement d'une marge par un padding devra être envisagé.

Génial ça marche

Je laisse quand même le display: inline sur le logo car ça marche toujours et apparament ça évite les doubles marges dans IE6

Merci beaucoup Ben.

Scriptiz a écrit :
Génial ça marche

Tant mieux!

Tu considères que ce sujet est [Résolu] ?
N'hésite pas au passage à corriger la petite coquille dans l'intitulé de ton sujet…

J'étais distraite désolée

Voilà qui est fait, je tacherai de ne plus l'oublier