Bonjour tout le monde !

Pour mon site j'utilise dans les vues un Elements qui s'appelle UserBox, c'est un block qui propose à l'utilisateur de s'enregistrer/ connecter ou qui affiche les informations de l'utilisateur si il est enregistrer.

Mon problème est que le block ne s'affiche pas toujours correctement, voici ce qu'il provoque :
Image avec problème

Mais le problème n’apparaît que très rarement comme si le navigateur ne prend pas en compte mon inline-block.

Voici donc le site sans problème:
Image sans le problème

je vais donc vous montrez ici mon code.
Pour commencer le display par défaut:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php echo $this->Html->script('jQuery'); ?>
        <?php echo $this->Html->script('main'); ?>
        <?php echo $this->Html->script('caroufredsel'); ?>
        <?php echo $this->Html->script('caroussel'); ?>
        <?php echo $this->Html->css(array('style', 'formulaire')); ?>
        <title>IDO-Logik</title>
    </head>
    <body>
        <div id="bloc_page">
            <header>
                <div id="head">
                    <?php echo $this->Html->image('lg.png', array(
                                'id' => 'logo',
                                'url' => array('controller' => '/')));?>
                    <?php echo $this->element('UserBox'); ?>
                    <nav><?php echo $this->element('TopMenu'); ?></nav>
                </div>
            </header>
            <section class="title">
                <?php echo $this->Session->flash();?>
                <?php echo $this->fetch('content');?>
            </section>
        </div>
    </body>
</html>

Pour le code de mon block c'est le suivant:

<div id="UserBox">
<?php
if($this->requestAction('/users/isConnected') == true){?>
    <div id="UserBoxPicture">
        <?php echo $this->Html->image('ProdilPict_Default.png', array('url' => array('controller'=>'users', 'action'=>'profil', 'username' => $username, 'admin' => false)));?>
    </div>
<?php
    echo $this->Html->link('Mon compte',(array('controller'=>'users', 'action'=>'profil', 'username' => $username, 'admin' => false)));
}else{
    echo $this->Html->link('Créer un compte',array('controller'=>'users', 'action'=>'register')).' |'.$this->Html->link('Se connecter',array('controller'=>'users', 'action'=>'login'));
}
?>
</div>

et maintenant le code css

header
{
    display: block;
    width:100%;
    height: 110px;
    background-color:#333333;
    border-top: 4px solid #3180c9;
    border-bottom:2px solid #3180c9;
}
#head
{
    width:1010px;
    margin-left: auto;
    margin-right: auto;
    height:100px;
}
#logo
{
    display: inline-block;
    margin-left:25px;
}
#UserBox
{
    display: inline-block;
    float:right;
    margin-top:15px;
    background:#383f44;
    padding:5px;
    border-radius:5px;
}
nav
{
    display:block;
    margin-top:-55px;
    margin-left:140px;
    height:36px;
}

Merci de votre aide.

3 réponses


ido
Auteur

UP

J'ai beau essayer d'afficher ton exemple d'affichage "image avec pb" ou bien "image sans pb" avec ie9 ou ff11 -->Nothing !!

ido
Auteur

Effectivement mais le problème viens de grafikart, fais clique droit ouvrir dans une nouvelle fenêtre.