Espace horizontal entre 2 <div>

Bonjour a tous,

malgrès mes recherches parmis les tutoriaux du forum je n'ai pas trouvé de solution à probleme d'espace vertical "ennuyeux" entre deux balise div :

.fondRoseHori {
background : #ff9999;
margin: 0 ;
}
ul#navRestau2  {
margin-left: 20px; 
padding-left: 0;
}
ul#navRestau2 li {
color : #333333;
list-style-image : url(../images/spacer/spacer2.gif);
font-size : 11px;
font-family : Arial, Helvetica, sans-serif;
}

<?php
echo "
<div class=\"fondRoseHori\" style=\"text-align : right; display : block;\">
    <img style=\"margin-top : 0px;\" src=\"images/body/bentobox_lyon_japon17.gif\" border=\"0\" name=\"bentobox_lyon_japon17\"  id=\"bentobox_lyon_japon17\" />
</div> 
<div class=\"fondRoseHori\" style=\"text-align : right; display : block;\" >
    <ul id=\"navRestau2\">
        <li><b>Adresse : </b></li>
       <li><b>Web : </b></li>
     </ul>
</div> ";
?>

Ce qui donne
=> http://www.bentobox.jp/bentobox/index.php

=> http://www.bentobox.jp/bentobox/restaurant_fiche.php?id=1




pourriez vous m'expliquer ce qui provoque ce saut de ligne ?
Modifié par demipoulpe (08 Nov 2007 - 17:45)

Bonjour,

C'est de saison !
A priori un problème de fusion des marges, un overflow: auto; sur fondRoseHori devrait suffire à FF et ie7 mais pas sûr pour ie6 (à vérifier) sinon un border-top: 1px solid couleur de ton bloc devrait passer chez tout le monde.

Pour moi ce sera un saké
Modifié par ghost (08 Nov 2007 - 19:03)

Ma solution préférée pour la fusion des marges:

padding: 1px 0;

À noter qu'on peut faire aussi ceci (mais faut vérifier que ça passe partout, c'est pas sûr...):

padding: .1px 0;

Edit: en fait non, ça ne passe pas partout du tout!


Fusion des marges: http://web.covertprestige.info/test/04-blocs-imbriques-et-fusion-des-marges.html
Modifié par Florent V. (08 Nov 2007 - 22:17)