Longueur d'une div selon une autre

**Seta-san** · 26/06/2007, 21h43

Bonsoir !

Je voudrais adapter la longueur d'une div selon le contenu d'une autre mais je ne sais comment faire.

Voici un petit schéma :

////////////// /////////
/ Contenu / / Menu /
/ . . . . . . / / . . . . /
/ . . . . . . / /////////
/ . . . . . . /
/ . . . . . . /
//////////////

Je veux faire en sorte que le menu prenne la longueur du contenu.
Auriez vous une petite idée ?

Merci pour votre aide !

(ps : je ne veux pas faire de tableaux)

**Seta-san** · 27/06/2007, 11h47

C'est bon j'ai trouvé.

J'avais mal dispersé les héritages et j'avais un div enveloppeur en trop.
Donc du coup :

td : 100%
contenu : hinerit
Menu : hinerit

C'était bête, mais c'est ce genre de problèmes les plus énervant. ^^

**Seta-san** · 28/06/2007, 19h40

C'est encore moi !

Je me suis rendu compte que j'avais oublié d'introduire un doctype a mon document et donc j'ai rencontrer des problèmes d'affichages selon le navigateur utilisé.

Apres avoir mis mon doctype, l'affichage est redevenu correct sauf que la taille de mes div ne fonctionne plus en "inherite".

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Je ne comprend plus..

Le code (allégé) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
...<td valign="top" style="height:100%;... ">
      <div style="height:inherit"... >
              <!--php-->
          <div style="height: inherit; float:right;...">
                <!--php-->
              <div style="height: inherit; float:left;...">
                  <!--php-->
              </div>
          </div>
      </div>

Ca me gonfle ^^
help !!

**Dan_A** · 28/06/2007, 21h04

Pas de tableau ? Il me semble pourtant que c'est dans un tableau.
Vouloir reproduire le comportement d'un tableau avec des divisions est souvent source de problèmes.
Une solution ici : http://www.alistapart.com/articles/fauxcolumns/

**Seta-san** · 29/06/2007, 20h59

Merci pour ton lien, mais ca ne marche pas pour moi.
Mes div son bien dans un tableaux.

Voici ma page de test :

/Lien supp/

Le but est que la ligne vertical s'étende jusqu'en bas.

**Dan_A** · 30/06/2007, 10h57

La source que j'ai citée marche, mais malheureusement la bordure n'ira pas jusqu'en bas dans tous les cas (même en utilisant une mise en page avec des cellules de tableau) à cause de l'image avec les coins arrondis.
Si le contenu est toujours plus important que le menu on peut mettre une bordure à droite du contenu au lieu d'à gauche du menu.
Par ailleurs, il vaut mieux que son modèle utilise de l'html valide :
http://validator.w3.org/check?verbos...iture_musicale

Longueur d'une div selon une autre

CSS

Vue hybride

Discussions similaires

Partager

Partager