Partage
  • Partager sur Facebook
  • Partager sur Twitter

Cellule trop petite...

Un tableau sort d'un autre tableau

Sujet résolu
Under-Warz
    11 février 2006 à 17:01:13

    Salut a tous,

    Je suis en train d'adapter mon design a mon site web, tout va bien mise a part de trois choses que IE ne supporte pas (comme les images en arriere-plan où il y a de la couleur). Mon site est fait de tableaux puisque avec le CSS c'estait la grande misere avec IE et Firefox et aussi pour un site de taille fixe.
    Donc j'ai ma banniere (hors du tableau) , ensuite vien le tableau general coupe en deux colonnes et deux lignes :

    1ere ligne :
    - a gauche : le menu qui est fait en tableau
    - a droite : le corps en CSS
    2eme ligne (fin du talbeau):
    - le copyright avec un colspan="2" pour etre en dessous des deux colonnes.

    Mais la viens un probleme, le menu etant trop grand pour la cellule, il depasse de sa cellule et empiete sur celle du copyright ! Pourtant, la cellule devrait s'agrandire et pousse le copyright !
    Si c'est le corps qui depassse, acun souci, le copyright est "poussé".

    Voici le code de la page principale :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
            <head>
                    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
                    <meta http-equiv="pragma" content="no-cache" />
                   
                    <title>-=| THE BLACK EAGLES |=- Team</title>
                    <link rel="shortcut icon" type="image/x-icon" href="_medias/_img/divers/favicon.ico" />

                    <link rel="start" title="Accueil" href="/index.php" />

                   
                    <link href="_css/design.css" rel="stylesheet" title="TBE Design" type="text/css" media="screen" />
                    <link href="_css/global.css" rel="stylesheet" type="text/css" media="screen, print, handheld" />
                    <link href="_css/news.css" rel="stylesheet" type="text/css" media="screen, print, handheld" />
            </head>
           
            <body>
                    <p id="banner"><img src="_medias/_img/Template/banner.png" alt="" /></p>
                   
                    <table border="0" cellpadding="0" cellspacing="0" id="table_general">
                            <tr>
                                    <td align="left" valign="top" class="menu_table_general">

                                            <table border="0" cellpadding="0" cellspacing="0" id="menu">
                                                    <tr>
                                                            <th><img src="_medias/_img/Template/menu_top-menu.png" alt="" /></th>
                                                    </tr>
                                                    <tr>
                                                            <td class="saut">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="menu_element">- Accueil</td>

                                                    </tr>
                                                    <tr>
                                                            <td class="menu_element">- Forum's</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="saut">&nbsp;</td>
                                                    </tr>
                                                    <tr>

                                                            <td class="menu_bottom"></td>
                                                    </tr>
                                                   
                                                    <tr>
                                                            <th><img src="_medias/_img/Template/menu_top-rejoindre.png" alt="" /></th>
                                                    </tr>
                                                    <tr>
                                                            <td class="saut">&nbsp;</td>
                                                    </tr>
                                                    <tr>

                                                            <td class="menu_element">- Etat du Recrutement : Ouvert</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="menu_element">- Pourquoi nous rejoindre ?</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="menu_element">- Le circuit de recrutement</td>

                                                    </tr>
                                                    <tr>
                                                            <td class="menu_element">- Nous rejoindre</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="saut">&nbsp;</td>
                                                    </tr>
                                                    <tr>

                                                            <td class="menu_bottom"></td>
                                                    </tr>
                                                   
                                                    <tr>
                                                            <th><img src="_medias/_img/Template/menu_top-team.png" alt="" /></th>
                                                    </tr>
                                                    <tr>
                                                            <td class="saut">&nbsp;</td>
                                                    </tr>
                                                    <tr>

                                                            <td class="menu_element">- Effectif</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="menu_element">- Serveur TS</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="menu_element">- Serveur AA:SF</td>

                                                    </tr>
                                                    <tr>
                                                            <td class="menu_element">- Statistiques</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="saut">&nbsp;</td>
                                                    </tr>
                                                    <tr>

                                                            <td class="menu_bottom"></td>
                                                    </tr>
                                                   
                                                    <tr>
                                                            <th><img src="_medias/_img/Template/menu_top-conflits.png" alt="" /></th>
                                                    </tr>
                                                    <tr>
                                                            <td class="saut">&nbsp;</td>
                                                    </tr>
                                                    <tr>

                                                            <td class="menu_element">- Se combattre</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="menu_element">- Les Tournois</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="menu_element">- Notre Convention de Genève</td>

                                                    </tr>
                                                    <tr>
                                                            <td class="saut">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="menu_bottom"></td>
                                                    </tr>
                                                   
                                                    <tr>
                                                            <th><img src="_medias/_img/Template/menu_top-liens.png" alt="" /></th>

                                                    </tr>
                                                    <tr>
                                                            <td class="saut">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="menu_element">- Voir la suite</td>
                                                    </tr>
                                                    <tr>

                                                            <td class="saut">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                            <td class="menu_bottom"></td>
                                                    </tr>
                                            </table>
                                    </td>
                                    <td align="right" valign="top" class="corps_table_general">
                                            <table border="0" cellpadding="0" cellspacing="0" id="corps">

                                                    <tr>
                                                            <td class="corps_top"></td>
                                                    </tr>
                                                    <tr>
                                                            <td class="corps_body">
                                                                    <span id="navigation">Vous êtes ici ></span>
    <h1>Bienvenue sur le site des -=| THE BLACKS EAGLES |=-</h1>

    <span class="img_news"><img src="_medias/_img/divers/welcome.png" alt="-=| THE BLACK EAGLES |=-" /></span>

    <p class="news">-=| THE BLACK EAGLES |=- est un clan francophone du célèbre jeu America's Army : Special Forces.<br />
    <br />
    Le clan a vu le jour le 10 février 2006 et regroupe des passionnés de tous les pays européens francophones (France, Belgique, Suisse...).<br />
    Nous comptons bien rester sur le jeux pendant un bon petit moment...<br />
    <br />
    Dans cette équipe vous trouverez humour, compétition, amitié :</p>
    <ul>
            <li><strong>Humour, </strong>pour la bonne ambiance qui règne au sein de la team.</li>
            <li><strong>Compétition, </strong>pour les matchs et compétitions que nous joueront et organiseront.</li>

            <li><strong>Amitié, </strong>pour les nouvelles connaîssances que vous allez faire.</li>
    </ul>
    <p class="news">Vous êtes interesse par notre armée ? Vous pouvez rejoindre ses rangs en contactant le CIRBE (<strong>C</strong>entre d'<strong>I</strong>nformation et de <strong>R</strong>ecrutement des <strong>B</strong>lack <strong>E</strong>agles).<br />

    <br />
    Bonne continuation,</p>
    <p class="signature">-=|Team.TBE|=- Under-Warz</p>

    <h1>A la une</h1>

    <p class="news">fghhfgg</p>
    <p class="news">fghhfgg</p>
    <p class="news">fghhfgg</p>
    <p class="news">fghhfgg</p>

    <p class="news">fghhfgg</p>
    <p class="news">fghhfgg</p>
    <p class="news">fghhfgg</p>

                                                            </td>
                                                    </tr>
                                                    <tr>
                                                            <td class="corps_bottom"></td>
                                                    </tr>

                                            </table>
                                    </td>
                            </tr>
                    </table>
                    <div id="foot">
                            <p>CONNECTE | TEMPS<br />
                            Remonter en haut de la page</p>
                           
                            <p id="copyright">

                                    Copyright © Site -=| THE BLACK EAGLES |=- - Les logos, URLs ou toutes informations sont les propriétés de leur(s) auteur(s) respectif(s).<br />
                                    Toute reproduction total ou partielle est interdite sans l'accord des auteurs.
                            </p>
                    </div>
            </body>
    </html>
    • Partager sur Facebook
    • Partager sur Twitter
    vava69
    • HTML / CSS
      11 février 2006 à 17:25:26

      oula ton code n'est pas facil à lire il faudrait que tu mettes le code html
      mais sinon sans lire ton code je penes qu'il faudrait que tu essayes de donner une taille précise aux lines et colonnes de ton tableau sinon je ne suis pas sur que ce soit une bonne idée d'organiser en tableau mais ce n'est que mon avi
      • Partager sur Facebook
      • Partager sur Twitter
      Under-Warz
        11 février 2006 à 18:11:50

        Dsl, j'avais couper mon javascript, du coup je croyais que le zCode marchait plus ;)
        Ensuite j'ai donner des tailles aux lignes et colonnes, tout est dans le fichier .CSS.

        Ciao
        • Partager sur Facebook
        • Partager sur Twitter
        Under-Warz

        Cellule trop petite...

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur ●
        • Markdown