Fork me on GitHub






H-hich
Xintervice un div dans le header qui se balade
#1
Régulier
Inscrit: 16/08/2006 03:07
Messages: 308
Bonjours a tous,


Je compte passer mon site sous le très joli (pour moi en tout cas :D ) Xintervice de Mr Reda.

Cependant il me reste un petit bug d'affichage sur celui-ci. En effet une scroll en bas de page apparait, bien qu'aucun contenu ne depasse. J'ai donc verifié avec webdevelopper, et il s'avère que j'ai une div qui deconne.

Pour visiualisé : http://test.hinsolite.com

Pour l'instant l'ensemble du code que j'ai un peu bidouillé pour mon site se trouve ici

je n'arrive pas a corriger ce bug, quand je change un truc ca marche sur un navigateur, mais pas sur les 2 autres etc... J'aimerai vos conseils avisé a ce sujet :p

Posté le : 10/06/2008 23:31

Open in new window
hinsolite.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Xintervice un div dans le header qui se balade
#2
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

Dans style.css
/* header */
.header { 
    height: 70px;
    background: #fff url(../img/headerbg.gif) repeat-x bottom;
    color: #808080;
    margin: 3px 0;
    padding: 10px 0 0 0;
}
.logo {display:block; width:200px;;}
.top_info {
    float: right;
    padding: 5px 0 4px 0;
    color: #808080;
}

    .top_info_left {
    position:absolute;
    top:    15px;
    right:    310px;
    
    }

    .top_info_right {    
  position: absolute;
top:20px;
right:10px;
    padding: 0 20px 0 35px;
    width: 250px;
    }

je te laisse finir la mise au point

@++

Posté le : 11/06/2008 05:30

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
H-hich
Re: Xintervice un div dans le header qui se balade
#3
Régulier
Inscrit: 16/08/2006 03:07
Messages: 308
Merci pour le coup de main.


Bon evidement j'ai pas reussi :D

J'ai donc ajouté la div top_info dans le header :

<div class="header">

            <!-- logo -->
            <div class="logo">
                <h1><a href="<{xoAppUrl }>" title="<{$xoops_sitename}>">Xinter<span class="orange">Vices</span></a><sup>Have fun!</sup></h1>
            </div>
            <!-- Banner -->
                <div class="top_info">    
                    <div class="top_info_left">
                    <{$xoops_banner}>
                    </div>
                    <div class="top_info_right">
                        <{if !$xoops_isuser}>
                        <p><b>Vous n'êtes pas connecté !</b><br />
                        Voulez-vous <a href="<{xoAppUrl user.php}>">vous connecter</a> ou <a href="<{xoAppUrl register.php}>">vous inscrire</a>?</p>
                        <{else}>
                        <!-- menu in recorded mode -->
                        Bienvenue&nbsp;<a href="<{xoAppUrl /user.php}>" title="<{$smarty.const.THEME_PROFILE}>"><{$xoops_uname}>&nbsp;:</a>
                        <br />

                              <!-- for my message box  -->
                        <{xoInboxCount assign=pmcount}>
                        <a href="<{xoAppUrl viewpmsg.php}>">
                        <{if $pmcount}>
                        <!-- if I have messages -->
                        <a href="<{xoAppUrl viewpmsg.php}>">Messages (<{$pmcount}>)</a> |
                        <{else}>
                        <!-- if I do not have a message -->
                        <a href="<{xoAppUrl viewpmsg.php}>">Messages</a> |
                        <{/if}>
                        </a>
                        <!-- end my message box-->
                        <a href="<{xoAppUrl /user.php}>">Mon compte</a> |

                        <!-- additional link if I have rights of administration of module -->
                        <{if $xoops_isadmin}>
                        <a href="<{xoAppUrl /admin.php}>">Admin</a> |
                        <{/if}>
                        <!-- end additional link-->

                        <a href="<{xoAppUrl /user.php op=logout}>">Déconnexion</a> 
                        <{/if}>
                    </div>
                </div>
        </div>


et donc dans le css :

/* header */
.header { 
    height: 70px;
    background: #fff url(../img/headerbg.gif) repeat-x bottom;
    color: #808080;
    margin: 3px 0;
    padding: 10px 0 0 0;
}

    .logo {
        display:block; 
        width:200px;
        float: left;    
        }

    .top_info {
    float: right;
    padding: 5px 0 4px 0;
    color: #808080;
    }

    .top_info_left {
    position:absolute;
    top:    15px;
    right:    310px;
    
    }

    .top_info_right {    
      position: absolute;
    top:20px;
    right:10px;
    padding: 0 20px 0 35px;
    width: 250px;
    }



Et les deux div top_info left et right reste collé a droite :s

Posté le : 11/06/2008 19:00

Open in new window
hinsolite.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut
H-hich
Re: Xintervice un div dans le header qui se balade
#4
Régulier
Inscrit: 16/08/2006 03:07
Messages: 308
Bon ben en attendant de trouver une solution je fais la mise en page en tableau même si j'aime pas :/

Posté le : 12/06/2008 00:14

Open in new window
hinsolite.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

9 Personne(s) en ligne (2 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 9 | Plus ...