Soucis avec div extensible [Réglé] - Forums de discussion

Navigation

Accueil du forum » (X)HTML / CSS » Soucis avec div extensible [Réglé]


Le sujet

testeurSoucis avec div extensible [Réglé]
Par testeur, le Mercredi 01/07/2009 à 21h48'34
6 messages
Bonsoir à toutes et à tous,

Voilà j'ai un petit soucis avec un site que je code actuellement.

Alors j'ai une div (<div id="menu"> pour le menu avec un background en couleur et juste sur la droite avec un float left j'ai une div (<div id="corps"> qui peut être extensible.
Donc mon soucis est le suivant quand ma div corps s'allonge vers le bas, le background en couleur ne s'allonge pas il reste au même niveau.
Ce que je souhaiterai faire est que si la div corps s'allonge le background de la div menu s'allonge de la même longueur .

Pouvez vous m'aider s'il vous plaît.

________________
testeur

Les réponses

1cyrilPar 1cyril, le Mercredi 01/07/2009 à 22h05'35
869 messages
Bonjour et bienvenue à toi, testeur.
as-tu essayer "background-repeat:repeat-y" ?

________________
Le Modérateur de Net-Pratique.
Statut: Modérateur

testeurPar testeur, le Mercredi 01/07/2009 à 22h23'54
6 messages
Merci 1cyril de me souhaiter la bienvenue

Oui, j'ai testé le background-repeat:repeat-y et ça ne fait rien de mieux...

Je vous met le code ici :

- Html :
<?php
    
include ('inc/doctype.php');
    
$page 'x_y';
    include (
'inc/connection.php');
?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
<?php include ('inc/head.php'); ?>
    <body>
        <div id="pere">
            <div id="animflash">
                <?php include ('inc/bandeau.php'); ?>
            </div>
            <div id="menu">
                <?php include ('inc/menu.php'); ?>
            </div>
            <div id="corps">
                <?php include ('inc/corps.php'); ?>
            </div>
            <div id="pied">
                <?php include ('inc/pied.php'); ?>
            </div>
        </div>
        <div id="script_google">
            <?php include ('inc/script_google.php'); ?>
        </div>
    </body>
</html>


- css :
               #menu{
        width:200px;
        height:auto;
        background:#010542;
        float:left;
        text-align: center;
        }
            li{
            list-style-type: none;
            }
            .select{
            color:#fff;
            font-weight:bold;
            text-decoration: underline overline;
            }
        #corps{
        width:690px;
        margin-left:10px;
        float:left;
        }
                #pied{
        background:url(images/fondfooter.jpg);
        font-size:12px;
        clear:both;
        color:#fff;
        height:100px;
        }


Si ça peut vous aider ^^

________________
testeur

1cyrilPar 1cyril, le Jeudi 02/07/2009 à 18h16'53
869 messages
Si je comprends bien, il faut que la div 'menu' et 'corps' soit de la même hauteur, selon la div 'corps' ?

As-tu essayé avec des <table> ?

________________
Le Modérateur de Net-Pratique.
Statut: Modérateur

testeurPar testeur, le Jeudi 02/07/2009 à 18h30'51
6 messages
Merci de ton aide 1cyril.

Les tables ne sont faites que pour effectuer des tableaux...
Non je n'ai pas et ne veux pas utiliser de <table>. Ca serait faire revenir le site 3 ou 4 ans en arrière à l'époque ou il a été créé et ça ne le fait pas du tout ^^

Je crois qu'il y a une solution en php pour connaitre la taille de la <div>, mais je voulais savoir si on pouvait pas faire quelque chose avec les css.

________________
testeur

1cyrilPar 1cyril, le Vendredi 03/07/2009 à 11h14'45
869 messages
Certe, ah les tableaux en XHTML.
J'ai recherché sur le web, il y a des sujets ressemblant à ton problème.

J'ai trouvé un article sur les DIV:
http://www.pompage.net/pompe/colonnesfactices/

________________
Le Modérateur de Net-Pratique.
Statut: Modérateur

xersesPar xerses, le Dimanche 05/07/2009 à 20h31'56
736 messages
Hum, cela ne semble pas faisable avec des moyens "propres" à savoir CSS et XHTML.

La question est : pourquoi avoir un corps aussi grand que le menu ? Je ne vois pas très bien ce que ça peut t'apporter.
Et puis, finalement, arrange toi pour avoir du texte dans ton corps pour que celui-ci dépasse le menu et tout ira bien ^^

Bonne continuation.

________________
Anything that can go wrong will go wrong (Murphy)
Statut: Modérateur

1cyrilPar 1cyril, le Lundi 06/07/2009 à 01h27'47
869 messages
Sinon avec des table mais vu que c'est pas au niveau W3C...

________________
Le Modérateur de Net-Pratique.
Statut: Modérateur

testeurPar testeur, le Lundi 06/07/2009 à 22h16'53
6 messages
xerses à dit:


La question est : pourquoi avoir un corps aussi grand que le menu ? Je ne vois pas très bien ce que ça peut t'apporter.
Et puis, finalement, arrange toi pour avoir du texte dans ton corps pour que celui-ci dépasse le menu et tout ira bien ^^


Je ne pense pas que tu aies compris...
Ce n'est pas le corps qui doit être aussi long que le menu mais le menu qui doit s'allonger à la taille du corps... Car en fond de la div menu il y a un background en couleur et si la div corps s'allonge avec le texte il faut que le background du menu s'allonge pour qu'il ne laisse pas une bande blanche plus ou moins grande qui ne fait pas top du tout.

Merci 1cyril pour le mien je vais voir ça tout de suite

________________
testeur

xersesPar xerses, le Mardi 07/07/2009 à 00h32'44
736 messages
testeur à dit:

.
Ce n'est pas le corps qui doit être aussi long que le menu mais le menu qui doit s'allonger à la taille du corps... Car en fond de la div menu il y a un background en couleur et si la div corps s'allonge avec le texte il faut que le background du menu s'allonge pour qu'il ne laisse pas une bande blanche plus ou moins grande qui ne fait pas top du tout.

???
Effectivement, je ne comprends pas bien comment cela fonctionne chez toi ...
Je ne comprends pas bien comment tu peux avoir une bande blanche à ce niveau là ... tes 2 divs sont pourtant indépendantes niveau hauteur, non ?

Une démo ou un ptit schéma pourrait s'imposer sauf si le lien de 1cyril a résolu ton problème, mais je ne vois pas comment on peut faire du code propre avec les méthodes de "hack" proposer sur leur site, m'enfin ....

________________
Anything that can go wrong will go wrong (Murphy)
Statut: Modérateur

testeurPar testeur, le Mardi 07/07/2009 à 13h08'00
6 messages
Voilou une image de ce que ça donne



Donc le soucis est en bas du menu l'espace blanc entre la fin du background du menu et celui du la div du dessous et vient du fait que la div ou il y a le formulaire s'allonge en fonction du texte qu'il peut y avoir dedans.

________________
testeur

Pages

Réponses les plus anciennes... 12 ...Réponses les plus récentes

A lire également

- Les conditions générales d'utilisation du site

Top-sites membres

Les Amis des Animaux | -1732 pointsBlogHotel - Hébergement de Blog gratuit | -2634 pointsCoupé 406 | -3425 pointsSweet Gwendoline | -3425 points

Discussions récentes dans les forums

Membres
Pseudo:
Pass: Mémoriser ?
Problème d'identificationInscription gratuite
Tribune libre
CNIL: 1098091
Connectés: 20
Google:
Publicité: Site de rencard sur internet, vous permettant de dialoguer et pourquoi pas de faire une rencontre intéressante.