IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Probleme de superposition indésiré de bloc (div)


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 10
    Par défaut Probleme de superposition indésiré de bloc (div)
    Bonjour,

    Voila, mon probleme c'est que j'ai créé deux blocs (div) l'une a coté de l'autre et je souhaitais en creer un autre en dessous. Mon probleme c'est qu'il ce met en haut de ma page derriere les deux autres.

    Voici le résulta en image:


    et je vous met mon code html:
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    <?php ob_start("ob_gzhandler"); ?>
    <?php include ("/entete.php"); ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Document sans titre</title>
    <link href="mm_entertainment.css" rel="stylesheet" type="text/css" />
    </head>
    <body bgcolor="#14285F">
    <div id="bloc-accueil">
    <p class="subHeader" align="center">Bienvenue</p>
    <p class="texte-acceuil" align="justify">blablabla</p>
    <p class="texte-acceuil" align="justify">blablabla </p>
    <p class="texte-acceuil" align="justify">blablabla </p>
    <p class="texte-acceuil" align="justify">blablabla </p>
    <p class="texte-acceuil" align="justify">blablabla </p>
    <p class="texte-acceuil" align="justify">Nous sommes &agrave; votre disposition pour tout renseignement compl&eacute;mentaire.
    </p>
    <p class="subHeader" align="center">Nous vous souhaitons une bonne visite...
    </p>
    </div>
    <div id="bloc-flux-rss" class="sidebarHeader" style="color: #99CCFF">
    <p class="sidebarheader" style="color:#99ccff">L'actualit&eacute; Informatique</p>
    <p><?php include ("/flux rss/clubic.php"); include ("/flux rss/pc-world.php"); ?></p>
    </div>
    <div><?php include ("pied page.php"); ?></div> 
    </body>
    </html>

    Si vous pouvez m'aider j'apprécirais énormement.

  2. #2
    Membre éclairé Avatar de kohsaka
    Homme Profil pro
    Intégrateur HTML / Developpeur .NET
    Inscrit en
    Janvier 2007
    Messages
    383
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Intégrateur HTML / Developpeur .NET

    Informations forums :
    Inscription : Janvier 2007
    Messages : 383
    Par défaut
    Salut,

    Il faudrait rajouter un overflow: hidden; sur le div entourant tes 2 flottants, ou alors tu peux mettre un margin-top sur le block qui est trop haut.

    Par contre le html que tu as fournis n'est pas très utile et encore moins sans le code css qui y est rattaché. Merci de fournir du code généré et non pas du code source.

  3. #3
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    Bonjour,

    Pareil, il nous faudrait les codes clients ainsi que le CSS associé.

    De plus, il serait bon d'éviter les fautes d'orthographe dès la première page du site, c'est vraiment pas commercial.

    Où ça ?

    Première ligne.

    La qualité des produits est primordial
    Qu'est ce qui est primordial ? Il n'y aurait pas une faute d'accord de genre ? ^^
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 10
    Par défaut
    Bonjour Messieurs
    Merci pour vos réponse.

    Tout d'abord j'ai rectifié la faute d'orthographe (je suis nul en orthographe et le fait qu'il n'y ai qu'une faute ou deux est un miracle) et c'est effectivement important alors merci.

    Ensuite j'ai essayé l'overflow: hidden, ca n'as rien donné. Le margin-top je le testerai en dernier recourt car cela serait très contraignant pour toutes mes pages.

    Voici le code html généré:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
    224
    225
    226
    227
    228
    229
    230
    231
    232
    233
    234
    235
    236
    237
    238
    239
    240
    241
    242
    243
    244
    245
    246
    247
    248
    249
    250
    251
    252
    253
    254
    255
    256
    257
    258
    259
    260
    261
    262
    263
    264
    265
    266
    267
    268
    269
    270
    271
    272
    273
    274
    275
    276
    277
    278
    279
    280
    281
    282
    283
    284
    285
    286
    287
    288
    289
    290
    291
    292
    293
    294
    295
    296
    297
    298
    299
    300
    301
    302
    303
    304
    305
    306
    307
    308
    309
    310
    311
    312
    313
    314
    315
    316
    317
    318
    319
    320
    321
    322
    323
    324
    325
    326
    327
    328
    329
    330
    331
    332
    333
    334
    335
    336
    337
    338
    339
    340
    341
    342
    343
    344
    345
    346
    347
    348
    349
    350
    351
    352
    353
    354
    355
    356
    357
    358
    359
    360
    361
    362
    363
    364
    365
    366
    367
    368
    369
    370
    371
    372
    373
    374
    375
    376
    377
    <!=========== en-tete =============!>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <!-- Copyright 2010 DGMInformatique. All rights reserved. -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>DGM Informatique</title>
    <link href="mm_entertainment.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
    </head>
    <table width="100%" border="0" bgcolor="#FFFFFF">
      <tr>
        <th width="400" rowspan="2" bgcolor="#000000" scope="col"><img src="Images/DGM-Informatique.gif" alt="DGM Informatique" width="400" height="140" /></th>
        <th height="102" valign="bottom" bgcolor="#000000" scope="col"><div align="center"><img src="Images/Enseigneweb.png" alt="Enseigne" width="400" height="100" /></div></th>
        <th width="150" rowspan="2" bgcolor="#000000" scope="col"><img src="Images/tour entete.png" alt="tour" width="150" height="140" /></th>
      </tr>
      <tr>
        <th height="20" valign="top" bgcolor="#000000" class="Slogan" scope="col">Le Service Avant Tout</th>
      </tr>
    </table>
    <table width="100%" border="0" bordercolor="#cccccc" bgcolor="#cccccc">
      <tr>
      <td width="14%" bordercolor="#cccccc" bgcolor="#cccccc" id="menu"><div align="center"><a href="index.php"><img src="images/bouton/acceuil.png" onMouseOver="this.src='images/bouton/acceuil 2.png'" onMouseOut="this.src='images/bouton/acceuil.png'" alt="Accueil" width="140" height="20" /></a></div></td>
        <td width="27%" bordercolor="#cccccc" bgcolor="#cccccc"><div id="CollapsiblePanel1" class="CollapsiblePanel">
          <div class="CollapsiblePanelTab" tabindex="0"><img src="images/bouton/ordinateurs.png" onMouseOver="this.src='images/bouton/ordinateurs 2.png'" onMouseOut="this.src='images/bouton/ordinateurs.png'" alt="Nos Ordinateurs" width="140" height="20" /></div>
          <div class="CollapsiblePanelContent">
            <div id="CollapsiblePanel3" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0"><img src="images/bouton/reconditionne.png" onMouseOver="this.src='images/bouton/reconditionne 2.png'" onMouseOut="this.src='images/bouton/reconditionne.png'" alt="Reconditionné" width="140" height="20" /></div>
              <div class="CollapsiblePanelContent">
                <p><a href="pc fixe occasion.php" class="menu">Unités Centrales</a></p>
                <p><a href="pack occasion.php" class="menu">PC Complets</a></p>
                <p><a href="pc portable occasion.php" class="menu">PC Portables</a></p>
              </div>
            </div>
            <div id="CollapsiblePanel4" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0"><img src="images/bouton/neuf.png" onMouseOver="this.src='images/bouton/neuf 2.png'" onMouseOut="this.src='images/bouton/neuf.png'" alt="Neuf" width="140" height="20" /></div>
              <div class="CollapsiblePanelContent">
                <p><a href="pc fixe neuf.php" class="menu">Unités Centrales</a></p>
                <p><a href="pc portable neuf.php" class="menu">PC Portables</a></p>
              </div>
            </div>
            <div id="CollapsiblePanel5" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0"><img src="images/bouton/destockage.png" onmouseover="this.src='images/bouton/destockage 2.png'" onmouseout="this.src='images/bouton/destockage.png'" alt="Destockage" width="140" height="20" /></div>
              <div class="CollapsiblePanelContent">
                <p><a href="pc fixe destockage.php" class="menu">Unités Centrales</a></p>
                </div>
            </div>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
          </div>
        </div></td>
        <td width="19%" bordercolor="#cccccc" bgcolor="#cccccc" id="menu"><div align="center"><a href="tarifs.php"><img src="images/bouton/tarifs.png" onMouseOver="this.src='images/bouton/tarifs 2.png'" onMouseOut="this.src='images/bouton/tarifs.png'" alt="Tarifs et Prestations" width="140" height="20" class="CollapsiblePanel" /></a></div></td>
        <td width="12%" bordercolor="#cccccc" bgcolor="#cccccc" id="menu"><div align="center"><a href="contact.php"><img src="images/bouton/horaires.png" onMouseOver="this.src='images/bouton/horaires 2.png'" onMouseOut="this.src='images/bouton/horaires.png'" alt="Horaires et Contact" width="140" height="20" class="CollapsiblePanel" /></a></div></td>
        <td width="27%" bordercolor="#cccccc" bgcolor="#cccccc"><div id="CollapsiblePanel2" class="CollapsiblePanel">
          <div tabindex="0">
            <div align="center"><img src="images/bouton/logiciels.png" onMouseOver="this.src='images/bouton/logiciels 2.png'" onMouseOut="this.src='images/bouton/logiciels.png'" alt="Logiciels Gratuits" width="140" height="20" /></div>
          </div>
          <div class="CollapsiblePanelContent">
            <p><a href="software_bureautique.php" class="menu">Bureautique</a></p>
            <p><a href="software_multimedia.php" class="menu">Multimedia</a></p>
            <p><a href="software_protection.php" class="menu">Protection</a></p>
            <p><a href="software_server.php" class="menu">Serveur</a></p>
          </div>
        </div></td>
        <td width="14%" bordercolor="#cccccc" bgcolor="#cccccc" id="menu"><div align="center"><a href="fournisseurs.php"><img src="Images/Bouton/Fournisseurs.png" alt="Nos Fournisseurs" width="140" height="20" onMouseOver="this.src='images/bouton/fournisseurs 2.png'" onMouseOut="this.src='images/bouton/fournisseurs.png'" /></a></div></td>
      </tr>
    </table>
    <table width="100%" border="0" bgcolor="#FFFFFF">
      <tr>
        <th width="829" height="29" bgcolor="#000000" scope="col">
          <!========== Début du code du texte défilant ============!>
          <noscript>
          </noscript>
          <marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onMouseOver="this.stop()" onMouseOut="this.start()">
          <font size="4" face="Arial, Helvetica, sans-serif"><font color="#B3B3B3"><strong>!!! Site en cours de reconstruction !!!</strong></font></font>
                          </marquee>
     
    <div align="center">
                 <!========= Fin du code du texte défilant ============!>    
        </div></th>
      </tr>
    </table>
    <script type="text/javascript"> 
    <!--
    var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
    var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
    var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
    var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", {contentIsOpen:false});
    var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", {contentIsOpen:false});
    //-->
    </script>
                        <!===========fin en-tete =============!>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Document sans titre</title>
    <link href="mm_entertainment.css" rel="stylesheet" type="text/css" />
    </head>
    <body bgcolor="#14285F">
    	<div id="bloc-accueil">
      	<p class="subHeader" align="center">Bienvenue</p>
      	<p class="texte-acceuil" align="justify">En informatique, la qualit&eacute; des produits est primordiale si l'on ne veut pas se   retrouver sans cesse &quot;handicap&eacute;&quot; par un PC &agrave; l'atelier de r&eacute;paration plut&ocirc;t   que sur son bureau, mais il est vrai que la conjoncture actuelle ne permet pas   d'investir dans un ordinateur de qualit&eacute; souvent tr&egrave;s co&ucirc;teux.
        </p>
        <p class="texte-acceuil" align="justify">DGM Informatique est une entreprise situ&eacute;e au   c&oelig;ur de l'H&eacute;rault sp&eacute;cialis&eacute;e en service &agrave; domicile et  vente de mat&eacute;riel informatique &agrave; des tarifs   tr&egrave;s abordables et de grande qualit&eacute; gr&acirc;ce au mat&eacute;riel professionnel d'occasion.
        </p>
        <p class="texte-acceuil" align="justify">Nos tours neuves sont assembl&eacute;es avec des   composants respectant nos crit&egrave;res qualitatifs. Les marques et gammes   d'ordinateurs portable que nous vous proposons sont rigoureusement s&eacute;lectionn&eacute;   pour leur fiabilit&eacute;. Seul les marques Acer Extensa (gamme pro), Toshiba   Satellite Pro ou encore MSI, marque internationalement reconnu pour ces produits   de qualit&eacute; seront introduit dans notre catalogue de produit neuf.
        </p>
        <p class="texte-acceuil" align="justify">Le service tient une place tr&egrave;s importante pour   nous. Le d&eacute;pannage de votre mat&eacute;riel informatique fixe et portable ainsi que les cours &agrave; domicile sont effectu&eacute;s par des techniciens   dipl&ocirc;m&eacute;s pour vous assurez une prestation de grande qualit&eacute;.
        </p>
        <p class="texte-acceuil" align="justify">Vous trouverez toutes les informations   concernant ces diverses prestations, nos produits, ainsi qu'une s&eacute;lection de   logiciels gratuits sur notre site.
        </p>
        <p class="texte-acceuil" align="justify">Nous sommes &agrave; votre disposition pour tout   renseignement compl&eacute;mentaire.
        </p>
        <p class="subHeader" align="center">Nous vous souhaitons une bonne visite...
        </p>
    	</div>
    <div id="bloc-flux-rss" class="sidebarHeader" style="color: #99CCFF">
        <p class="sidebarheader" style="color:#99ccff">L'actualit&eacute; Informatique</p>
        <p>  <SCRIPT language="Javascript"> 
     var member=""; //optionnel si vous etes inscrit sur la plateforme actifpub  le parametrage se fait dans votre espace membre 
     var fichier="http://www.clubic.com/xml/news.xml"; 
     var limite="1";  //  sujets compris entre 1 
     var limite1="10";   //  et plus  
      var aspect="0";  //  0 ou 1 (1 permet d'afficher lien + description, 0 que les liens)  
     var minute="1";  //  0 ou 1 (1 permet d'afficher date et heure, 0 pas de date et heure) 
     var sujet="1"; //  0 ou 1 (1 permet d'afficher le titre des sujets traités, 0 pas de titre )  
     var te="Georgia";  // Police de caractères (Verdana, arial etc...) 
     var fil_textsize="12"; // taille des liens et description 
     var title_textcolor="ea4817"; // couleur des liens (000000 donne noir)  
     var tlien="none"; // style du lien none ou underline  
     var text_textcolor="999999";  // couleur description (000000 donne noir) 
     var frame_color="14285f"; // couleur arrière plan (FFFFFF donne blanc) 
     var content="1"; // 0 ou 1 comme paramètre optionnel, 1  format html,  0  format texte 
     var extract="";  // laisser vide ou indiquez le nombre de caractères que vous souhaitez garder dans le corps du flux 
     var cache="15"; // gestion du cache exprimée en minutes - en fonction de la fréquence de mise à jour 
      document.write('<s'+'cript language="JavaScript" type="text/javascript" SRC="http://www.actifpub.com/rss.php?fichier_AP_='+fichier+'&limite_AP_='+limite+'&limite1_AP_='+limite1+'&aspect_AP_='+aspect+'&minute_AP_='+minute+'&sujet_AP_='+sujet+'&te_AP_='+te+'&fil_textsize_AP_='+fil_textsize+'&title_textcolor_AP_='+title_textcolor+'&text_textcolor_AP_='+text_textcolor+'&frame_color_AP_='+frame_color+'&content_AP_='+content+'&cache_AP_='+cache+'&extract_AP_='+extract+'&tlien_AP_='+tlien+'&java=1&member_AP_='+member+'"></sc'+'ript>'); 
      </script>    <SCRIPT language="Javascript"> 
     var member=""; //optionnel si vous etes inscrit sur la plateforme actifpub  le parametrage se fait dans votre espace membre 
     var fichier="http://feeds.feedburner.com/pcworld-fr/tout?format=xml"; 
     var limite="1";  //  sujets compris entre 1 
     var limite1="5";   //  et plus  
      var aspect="0";  //  0 ou 1 (1 permet d'afficher lien + description, 0 que les liens)  
     var minute="1";  //  0 ou 1 (1 permet d'afficher date et heure, 0 pas de date et heure) 
     var sujet="1"; //  0 ou 1 (1 permet d'afficher le titre des sujets traités, 0 pas de titre )  
     var te="Georgia";  // Police de caractères (Verdana, arial etc...) 
     var fil_textsize="12"; // taille des liens et description 
     var title_textcolor="ea4817"; // couleur des liens (000000 donne noir)  
     var tlien="none"; // style du lien none ou underline  
     var text_textcolor="999999";  // couleur description (000000 donne noir) 
     var frame_color="14285f"; // couleur arrière plan (FFFFFF donne blanc) 
     var content="1"; // 0 ou 1 comme paramètre optionnel, 1  format html,  0  format texte 
     var extract="";  // laisser vide ou indiquez le nombre de caractères que vous souhaitez garder dans le corps du flux 
     var cache="15"; // gestion du cache exprimée en minutes - en fonction de la fréquence de mise à jour 
      document.write('<s'+'cript language="JavaScript" type="text/javascript" SRC="http://www.actifpub.com/rss.php?fichier_AP_='+fichier+'&limite_AP_='+limite+'&limite1_AP_='+limite1+'&aspect_AP_='+aspect+'&minute_AP_='+minute+'&sujet_AP_='+sujet+'&te_AP_='+te+'&fil_textsize_AP_='+fil_textsize+'&title_textcolor_AP_='+title_textcolor+'&text_textcolor_AP_='+text_textcolor+'&frame_color_AP_='+frame_color+'&content_AP_='+content+'&cache_AP_='+cache+'&extract_AP_='+extract+'&tlien_AP_='+tlien+'&java=1&member_AP_='+member+'"></sc'+'ript>'); 
      </script>  </p>
    </div>
    <div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Document sans titre</title>
    <link href="mm_entertainment.css" rel="stylesheet" type="text/css" />
    </head>
     
    <body>
    <div class="pied-page-soutient" align="center" style="background:#000000">
        	DGM Informatique soutient
    </div>
        <div id="navigation" align="center" style="background:#000000">
        <a href="http://www.framasoft.net/article4798.htm" target="_blank"><img src="Images/Logos/piwik banniere.png" alt="Piwik" width="300" height="30" hspace= "30px"/></a>
        <a href="http://www.wampserver.com/" target="_blank"><img src="Images/Logos/wamp_logo.gif" alt="Wampserver" width="70" height="30" hspace= "30px"/></a>
        <a href="http://www.phpmyvisites.net/" target="_blank"><img src="Images/Logos/phpmyvisite.jpg" alt="PHPmyVisite" width="330" height="30" hspace= "30px" /></a>    </div>
    <div id="lien" class="Software" align="center" style="background:#000000">
        Copyright © 2010- <a href="index.php">DGM Informatique</a> -Tous droits réservés
    </div>
    </body>
    </html>
    </div>        
    </body>
    </html>
     
    et mon code css:
     
    /* ID Styles */
     
    #lien a {
    	font-family: Georgia,;
    	font-size: 14px;
    	font-style: normal;
    	color: #83CCFF;
    	text-align: center;
    	line-height: normal;
    	font-weight: 900;
    	text-decoration:underline;
    }
    #lien a: hover {
    	font-family: Georgia,;
    	font-size: 14px;
    	font-style: normal;
    	color: #83CCFF;
    	text-align: center;
    	line-height: normal;
    	font-weight: 900;
    	text-decoration:underline;
    }
    #menu a {
    	font-family: Georgia,;
    	font-size: 14px;
    	font-style: normal;
    	color: #cccccc;
    	text-align: center;
    	line-height: normal;
    	font-weight: 900;
    	text-decoration:none;
    	background-color: #cccccc;
    }
    #navigation a {
    	font-family: Georgia,;
    	font-size: 14px;
    	font-style: normal;
    	color: #000000;
    	text-align: center;
    	line-height: normal;
    	font-weight: 900;
    	text-decoration:none;
    }
    #navigation a:hover {
    	color:#000000;
    	font-size: 18px;
    	font-weight: 900;
    	font-family: Georgia,;
    	text-decoration:none;
    }
    #navigation-software a {
    	font-family: Georgia,;
    	font-size: 14px;
    	font-style: normal;
    	color: #99CCFF;
    	text-align: center;
    	background-color: #14285F;
    	line-height: normal;
    	font-weight: 900;
    	text-decoration:none;
    }
    #navigation-software a:hover {
    	color:#ea4817;
    	font-size: 18px;
    	font-weight: 900;
    	font-family: Georgia,;
    	text-decoration:none;
    }
    #bloc-accueil {
    	float: left;
    	background-color: #14285F;
    	width: 53%;
    	position:absolute;
    	margin-left:22%;
    	overflow: hidden;
    }
    #bloc-flux-rss {
    	float: right;
    	background-color: #14285F;
    	width: 18%;
    	position:absolute;
    	margin-left:77%;
    	overflow: hidden
     
    }
    #bloc-div {
    	width: 100%;
    	height: 200px;
    	overflow: auto
    }
    #bloc-parent {
    	width:100%;
    	overflow: hidden;
    }
    /* Class Styles */
     
    .contact {
    	color:#B6B6B6;
    	line-height:normal;
    	letter-spacing:normal;
    	margin-top:0px;
    	font-size: 18px;
    	}
    .subHeader {
    	color: #CC3300;
    	font-weight:bold;
    	letter-spacing:normal;
    	line-height:normal;
    	font-family: georgia;
    	font-size: 28px;
    	text-align: center;
    	}	
    .detailText {
    	color:#ffffff;
    	line-height:20px;
    	font-family: arial;
    	font-size: 12px;
    	font-weight: bold;
    	}
    .Titre {
    	color: #B7B7B7;
    	font-size: 200%;
    	font-family: Georgia,;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	text-decoration: underline;
    	overflow: scroll;
    	text-align: center;
    }
    .prix {
    	font-size: 24px;
    	color: #F83614;
    	font-weight: bold;
    	line-height: normal;
    }
    .Software {
    	font-size: 14px;
    	color: #CECECE;
    }
    .prixpc {
    	font-size: 16px;
    	line-height: normal;
    	color: #FF3300;
    	text-align: left;
    }
    .prestation {
    	font-family: Georgia,;
    	font-size: 18px;
    	font-style: normal;
    	color: #CCCCCC;
    	font-weight: bold;
    	line-height: 24px;
    }
    .Slogan {
    	font-weight: normal;
    	font-family: Georgia,;
    	font-size: 100%;
    	font-style: normal;
    	color: #CC3300;
    	letter-spacing: 7pt;
    	background-position: center;
    	text-align: center;
    }
    .menu {
    	font-family: Georgia,;
    	font-size: 14px;
    	font-style: normal;
    	color: #14285F;
    	text-align: left;
    	background-color: #cccccc;
    	line-height: 40px;
    	font-weight: 900;
    	text-indent: 1px;
    }
    .texte-acceuil {
    	font-family: "Times New Roman";
    	font-size: 18px;
    	color: #999999;
    }
    .pied-page-soutient {
    	color: #99CCFF;
    	font-size: 18px;
    	letter-spacing: normal;
    	word-spacing: normal;
    	font-weight: 900;
    }
    Merci d'avance pour votre aide

  5. #5
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    Juste en défilant le code, j'ai vu un double body...
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  6. #6
    Membre habitué
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 10
    Par défaut
    oui j'ai vu tout a l'heure en vous mettant le code source qu'il y avait des petit souci.
    J'ai fait un peut de ménage et je vous remet le nouveau code (mais avec toujour le meme probleme).
    J'ai également continué à fait quelques recherches et j'ai rajouté une balise div parent avec quelques propriété css.

    voici le code html:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <!-- Copyright 2010 DGMInformatique. All rights reserved. -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>DGM Informatique, Dépannage, Maintenance, Domicile, Clermont l'Herault, Paulhan, Gignac, Pezenas</title>
    <link href="mm_entertainment.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
    </head>
    <body bgcolor="#14285F">
     
    <table width="100%" border="0" bgcolor="#FFFFFF">
      <tr>
        <th width="400" rowspan="2" bgcolor="#000000" scope="col"><img src="Images/DGM-Informatique.gif" alt="DGM Informatique" width="400" height="140" /></th>
        <th height="102" valign="bottom" bgcolor="#000000" scope="col"><div align="center"><img src="Images/Enseigneweb.png" alt="Enseigne" width="400" height="100" /></div></th>
        <th width="150" rowspan="2" bgcolor="#000000" scope="col"><img src="Images/tour entete.png" alt="tour" width="150" height="140" /></th>
      </tr>
      <tr>
        <th height="20" valign="top" bgcolor="#000000" class="Slogan" scope="col">Le Service Avant Tout</th>
      </tr>
    </table>
    <table width="100%" border="0" bordercolor="#cccccc" bgcolor="#cccccc">
      <tr>
      <td width="14%" bordercolor="#cccccc" bgcolor="#cccccc" id="menu"><div align="center"><a href="index.php"><img src="images/bouton/acceuil.png" onMouseOver="this.src='images/bouton/acceuil 2.png'" onMouseOut="this.src='images/bouton/acceuil.png'" alt="Accueil" width="140" height="20" /></a></div></td>
        <td width="27%" bordercolor="#cccccc" bgcolor="#cccccc"><div id="CollapsiblePanel1" class="CollapsiblePanel">
          <div class="CollapsiblePanelTab" tabindex="0"><img src="images/bouton/ordinateurs.png" onMouseOver="this.src='images/bouton/ordinateurs 2.png'" onMouseOut="this.src='images/bouton/ordinateurs.png'" alt="Nos Ordinateurs" width="140" height="20" /></div>
          <div class="CollapsiblePanelContent">
            <div id="CollapsiblePanel3" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0"><img src="images/bouton/reconditionne.png" onMouseOver="this.src='images/bouton/reconditionne 2.png'" onMouseOut="this.src='images/bouton/reconditionne.png'" alt="Reconditionné" width="140" height="20" /></div>
              <div class="CollapsiblePanelContent">
                <p><a href="pc fixe occasion.php" class="menu">Unités Centrales</a></p>
                <p><a href="pack occasion.php" class="menu">PC Complets</a></p>
                <p><a href="pc portable occasion.php" class="menu">PC Portables</a></p>
              </div>
            </div>
            <div id="CollapsiblePanel4" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0"><img src="images/bouton/neuf.png" onMouseOver="this.src='images/bouton/neuf 2.png'" onMouseOut="this.src='images/bouton/neuf.png'" alt="Neuf" width="140" height="20" /></div>
              <div class="CollapsiblePanelContent">
                <p><a href="pc fixe neuf.php" class="menu">Unités Centrales</a></p>
                <p><a href="pc portable neuf.php" class="menu">PC Portables</a></p>
              </div>
            </div>
            <div id="CollapsiblePanel5" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0"><img src="images/bouton/destockage.png" onmouseover="this.src='images/bouton/destockage 2.png'" onmouseout="this.src='images/bouton/destockage.png'" alt="Destockage" width="140" height="20" /></div>
              <div class="CollapsiblePanelContent">
                <p><a href="pc fixe destockage.php" class="menu">Unités Centrales</a></p>
                </div>
            </div>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
          </div>
        </div></td>
        <td width="19%" bordercolor="#cccccc" bgcolor="#cccccc" id="menu"><div align="center"><a href="tarifs.php"><img src="images/bouton/tarifs.png" onMouseOver="this.src='images/bouton/tarifs 2.png'" onMouseOut="this.src='images/bouton/tarifs.png'" alt="Tarifs et Prestations" width="140" height="20" class="CollapsiblePanel" /></a></div></td>
        <td width="12%" bordercolor="#cccccc" bgcolor="#cccccc" id="menu"><div align="center"><a href="contact.php"><img src="images/bouton/horaires.png" onMouseOver="this.src='images/bouton/horaires 2.png'" onMouseOut="this.src='images/bouton/horaires.png'" alt="Horaires et Contact" width="140" height="20" class="CollapsiblePanel" /></a></div></td>
        <td width="27%" bordercolor="#cccccc" bgcolor="#cccccc"><div id="CollapsiblePanel2" class="CollapsiblePanel">
          <div tabindex="0">
            <div align="center"><img src="images/bouton/logiciels.png" onMouseOver="this.src='images/bouton/logiciels 2.png'" onMouseOut="this.src='images/bouton/logiciels.png'" alt="Logiciels Gratuits" width="140" height="20" /></div>
          </div>
          <div class="CollapsiblePanelContent">
            <p><a href="software_bureautique.php" class="menu">Bureautique</a></p>
            <p><a href="software_multimedia.php" class="menu">Multimedia</a></p>
            <p><a href="software_protection.php" class="menu">Protection</a></p>
            <p><a href="software_server.php" class="menu">Serveur</a></p>
          </div>
        </div></td>
        <td width="14%" bordercolor="#cccccc" bgcolor="#cccccc" id="menu"><div align="center"><a href="fournisseurs.php"><img src="Images/Bouton/Fournisseurs.png" alt="Nos Fournisseurs" width="140" height="20" onMouseOver="this.src='images/bouton/fournisseurs 2.png'" onMouseOut="this.src='images/bouton/fournisseurs.png'" /></a></div></td>
      </tr>
    </table>
    <table width="100%" border="0" bgcolor="#FFFFFF">
      <tr>
        <th width="829" height="29" bgcolor="#000000" scope="col">
          <!================ Début du code du texte défilant ===============!>
          <noscript>
          </noscript>
          <marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onMouseOver="this.stop()" onMouseOut="this.start()">
          <font size="4" face="Arial, Helvetica, sans-serif"><font color="#B3B3B3"><strong>!!! Site en cours de reconstruction !!!</strong></font></font>
                          </marquee>
     
    <div align="center">
                 <!========= Fin du code du texte défilant ============!>    
        </div></th>
      </tr>
    </table>
    <script type="text/javascript"> 
    <!--
    var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
    var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
    var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false});
    var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", {contentIsOpen:false});
    var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", {contentIsOpen:false});
    //-->
    </script>
    <div id="bloc-parent">
     
    	<div id="bloc-accueil">
     
      	<p class="subHeader" align="center">Bienvenue</p>
      	<p class="texte-acceuil" align="justify">En informatique, la qualit&eacute; des produits est primordiale si l'on ne veut pas se   retrouver sans cesse &quot;handicap&eacute;&quot; par un PC &agrave; l'atelier de r&eacute;paration plut&ocirc;t   que sur son bureau, mais il est vrai que la conjoncture actuelle ne permet pas   d'investir dans un ordinateur de qualit&eacute; souvent tr&egrave;s co&ucirc;teux.    </p>
        <p class="texte-acceuil" align="justify">DGM Informatique est une entreprise situ&eacute;e au   c&oelig;ur de l'H&eacute;rault sp&eacute;cialis&eacute;e en service &agrave; domicile et  vente de mat&eacute;riel informatique &agrave; des tarifs   tr&egrave;s abordables et de grande qualit&eacute; gr&acirc;ce au mat&eacute;riel professionnel d'occasion.    </p>
        <p class="texte-acceuil" align="justify">Nos tours neuves sont assembl&eacute;es avec des   composants respectant nos crit&egrave;res qualitatifs. Les marques et gammes   d'ordinateurs portable que nous vous proposons sont rigoureusement s&eacute;lectionn&eacute;   pour leur fiabilit&eacute;. Seul les marques Acer Extensa (gamme pro), Toshiba   Satellite Pro ou encore MSI, marque internationalement reconnu pour ces produits   de qualit&eacute; seront introduit dans notre catalogue de produit neuf.    </p>
        <p class="texte-acceuil" align="justify">Le service tient une place tr&egrave;s importante pour   nous. Le d&eacute;pannage de votre mat&eacute;riel informatique fixe et portable ainsi que les cours &agrave; domicile sont effectu&eacute;s par des techniciens   dipl&ocirc;m&eacute;s pour vous assurez une prestation de grande qualit&eacute;.    </p>
        <p class="texte-acceuil" align="justify">Vous trouverez toutes les informations   concernant ces diverses prestations, nos produits, ainsi qu'une s&eacute;lection de   logiciels gratuits sur notre site.    </p>
        <p class="texte-acceuil" align="justify">Nous sommes &agrave; votre disposition pour tout   renseignement compl&eacute;mentaire.    </p>
        <p class="subHeader" align="center">Nous vous souhaitons une bonne visite...    </p>
    	</div>
     
    	<div id="bloc-flux-rss" class="sidebarHeader" style="color: #99CCFF">
        <p class="sidebarheader" style="color:#99ccff">L'actualit&eacute; Informatique</p>
        <p>  <SCRIPT language="Javascript"> 
     var member=""; //optionnel si vous etes inscrit sur la plateforme actifpub  le parametrage se fait dans votre espace membre 
     var fichier="http://www.clubic.com/xml/news.xml"; 
     var limite="1";  //  sujets compris entre 1 
     var limite1="10";   //  et plus  
      var aspect="0";  //  0 ou 1 (1 permet d'afficher lien + description, 0 que les liens)  
     var minute="1";  //  0 ou 1 (1 permet d'afficher date et heure, 0 pas de date et heure) 
     var sujet="1"; //  0 ou 1 (1 permet d'afficher le titre des sujets traités, 0 pas de titre )  
     var te="Georgia";  // Police de caractères (Verdana, arial etc...) 
     var fil_textsize="12"; // taille des liens et description 
     var title_textcolor="ea4817"; // couleur des liens (000000 donne noir)  
     var tlien="none"; // style du lien none ou underline  
     var text_textcolor="999999";  // couleur description (000000 donne noir) 
     var frame_color="14285f"; // couleur arrière plan (FFFFFF donne blanc) 
     var content="1"; // 0 ou 1 comme paramètre optionnel, 1  format html,  0  format texte 
     var extract="";  // laisser vide ou indiquez le nombre de caractères que vous souhaitez garder dans le corps du flux 
     var cache="15"; // gestion du cache exprimée en minutes - en fonction de la fréquence de mise à jour 
      document.write('<s'+'cript language="JavaScript" type="text/javascript" SRC="http://www.actifpub.com/rss.php?fichier_AP_='+fichier+'&limite_AP_='+limite+'&limite1_AP_='+limite1+'&aspect_AP_='+aspect+'&minute_AP_='+minute+'&sujet_AP_='+sujet+'&te_AP_='+te+'&fil_textsize_AP_='+fil_textsize+'&title_textcolor_AP_='+title_textcolor+'&text_textcolor_AP_='+text_textcolor+'&frame_color_AP_='+frame_color+'&content_AP_='+content+'&cache_AP_='+cache+'&extract_AP_='+extract+'&tlien_AP_='+tlien+'&java=1&member_AP_='+member+'"></sc'+'ript>'); 
      </script>    <SCRIPT language="Javascript"> 
     var member=""; //optionnel si vous etes inscrit sur la plateforme actifpub  le parametrage se fait dans votre espace membre 
     var fichier="http://feeds.feedburner.com/pcworld-fr/tout?format=xml"; 
     var limite="1";  //  sujets compris entre 1 
     var limite1="5";   //  et plus  
      var aspect="0";  //  0 ou 1 (1 permet d'afficher lien + description, 0 que les liens)  
     var minute="1";  //  0 ou 1 (1 permet d'afficher date et heure, 0 pas de date et heure) 
     var sujet="1"; //  0 ou 1 (1 permet d'afficher le titre des sujets traités, 0 pas de titre )  
     var te="Georgia";  // Police de caractères (Verdana, arial etc...) 
     var fil_textsize="12"; // taille des liens et description 
     var title_textcolor="ea4817"; // couleur des liens (000000 donne noir)  
     var tlien="none"; // style du lien none ou underline  
     var text_textcolor="999999";  // couleur description (000000 donne noir) 
     var frame_color="14285f"; // couleur arrière plan (FFFFFF donne blanc) 
     var content="1"; // 0 ou 1 comme paramètre optionnel, 1  format html,  0  format texte 
     var extract="";  // laisser vide ou indiquez le nombre de caractères que vous souhaitez garder dans le corps du flux 
     var cache="15"; // gestion du cache exprimée en minutes - en fonction de la fréquence de mise à jour 
      document.write('<s'+'cript language="JavaScript" type="text/javascript" SRC="http://www.actifpub.com/rss.php?fichier_AP_='+fichier+'&limite_AP_='+limite+'&limite1_AP_='+limite1+'&aspect_AP_='+aspect+'&minute_AP_='+minute+'&sujet_AP_='+sujet+'&te_AP_='+te+'&fil_textsize_AP_='+fil_textsize+'&title_textcolor_AP_='+title_textcolor+'&text_textcolor_AP_='+text_textcolor+'&frame_color_AP_='+frame_color+'&content_AP_='+content+'&cache_AP_='+cache+'&extract_AP_='+extract+'&tlien_AP_='+tlien+'&java=1&member_AP_='+member+'"></sc'+'ript>'); 
      </script>  </p>
    </div>
    </div>
     
                     <!====================== Pub =======================!>
    <table width="22%" border="0" bgcolor="#14285f">
      <tr>
        <th width="202" scope="col">
        <table width="100%" align="left" bgcolor="#14285f">
        <tr>
        <th width="194" bgcolor="#14285f" id="navigation" scope="row"><p><a href="http://a-votre-image42.wifeo.com" target="_blank"><img src="Images/Publicités/Audrey LEFEBVRE.jpg" alt="Audrey LEFEBVRE" width="190" height="130" /></a></p>
    		    <p>&nbsp;</p>
                    <p><a href="http://www.gite-au-tour-de-ma-neige.fr/" target="_blank"><img src="Images/Publicités/au-tour-de-ma-neige.gif" alt="Marie Neige" width="190" height="130" /></a></p>
                <p>&nbsp;</p>
                </th>
      </tr>
    </table>    </th>
      </tr>
    </table>
                     <!=================== fin Pub =======================!>
     
    <div id="bloc-pied-page"><div class="pied-page-soutient" align="center" style="background:#000000">
        	DGM Informatique soutient
    </div>
        <div id="navigation" align="center" style="background:#000000">
        <a href="http://www.framasoft.net/article4798.htm" target="_blank"><img src="Images/Logos/piwik banniere.png" alt="Piwik" width="300" height="30" hspace= "30px"/></a>
        <a href="http://www.wampserver.com/" target="_blank"><img src="Images/Logos/wamp_logo.gif" alt="Wampserver" width="70" height="30" hspace= "30px"/></a>
        <a href="http://www.phpmyvisites.net/" target="_blank"><img src="Images/Logos/phpmyvisite.jpg" alt="PHPmyVisite" width="330" height="30" hspace= "30px" /></a>    </div>
    <div id="lien" class="Software" align="center" style="background:#000000">
        Copyright © 2010- <a href="index.php">DGM Informatique</a> -Tous droits réservés
    </div></div>    
    </body>
    </html>
    et je vous remet la partie concerné du nouveau code css:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
     
    #bloc-parent {
    	margin-top: 8px;
        width: 100%;
    }
    #bloc-pied-page {
        width: 100%;
    	clear: both;
    }
    #bloc-accueil {
    	background-color: #14285F;
    	width: 53%;
    	position: absolute;
    	margin-left:22%;
    }
    #bloc-flux-rss {
    	background-color: #14285F;
    	width: 18%;
    	position: absolute;
    	margin-left:77%;
    }
    mais tout sa ne change rien

Discussions similaires

  1. Superposition de img et div : disparition des blocs
    Par docteurdread dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 14/09/2014, 11h20
  2. comment enlever la superposition de blocs div inline ?
    Par Ekimasu dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 15/11/2007, 12h03
  3. Problème de superposition de divs
    Par sylsau dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 21/10/2006, 12h41
  4. probleme espace dans bloc div
    Par piff62 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 29/04/2005, 16h39

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo