[html] div ne se redimensionne pas avec le contenu [résolu]

Marsh Posté le 04-03-2009 à 17:53:32

Bonjour

le site : http://walhalla.cs.uiuc.edu/polaris
Mais je peux copier le code dans un post si c'est plus pratique.

Comme il est facile de constater, j'ai honteusement pompé sur last.fm.

Code :

div.fullpagein #mainContainer
{
background: #FFFFFF;
border: 1px solid #CCCCCC;
min-height: 300px;
overflow: visible;
position: relative;
}

J'ai tenté d'ajouter également height: auto mais sans succès, le div qui contient le texte de la page se refuse à changer de taille en fonction du contenu.

Si je retire l'attribut min-height, il ne s'affiche qu'avec une épaisseur de 1 pixel.

Si je laisse l'attribut min-height il reste bloqué à 300 px et ne bouge pas même quand le contenu dépasse sur le bas.

Des idées ?

Message édité par Wraith1 le 04-03-2009 à 19:27:52

---------------
Faster, Harder, Louder

Marsh Posté le 04-03-2009 à 17:53:32

Marsh Posté le 04-03-2009 à 18:57:05

Mets overflow:hidden plutôt !

Marsh Posté le 04-03-2009 à 19:06:05

Ça règle le problème du redimensionnement mais avec maintenant c'est mon menu à gauche qui disparait.

Le code pour le menu de gauche est le suivant :

Code :

#submenu
{
left: -111px;
position: absolute;
top: -1px;
width: 111px;
z-index: 10;
}

En attendant de voir si quelqu'un a une autre solution je vais voir si j'arrive à avoir la même apparence sans jouer avec la position absolue pour offsetter mon menu en dehors du conteneur.

Marsh Posté le 04-03-2009 à 19:14:32

Effectivement, j'avoue que j'avais testé sans menu de gauche.
Mais enfin, de toute façon ton problème est simple.
Tu as un flottant qui sort du flux et du dois le remettre.
Il te faut un clearer, mais une autre solution que celle donnée

Ou plus simple, retires le flot:left de div.fullpagein div.innerContainer

Marsh Posté le 04-03-2009 à 19:21:10

Je suis tout ému.
C'est la première fois que je poste sur un forum et reçoit une réponse et non une insulte :ouch:

Merci

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *