2010-03-17 6 views
1

Lien: http://www.fraynepainting.com/servicesPourquoi cette div aurait-elle une hauteur calculée inutilement grande?

Le problème est que div # dditem_2 (div avec le « Jetez un oeil ... » texte) devient une hauteur calculée d'environ 500px pour aucune raison que je peux trouver dans le CSS, ce qui pousse l'UL en dessous vraiment très loin.

J'ai découvert que si vous définissez display: none ou position: absolute (ou toute autre chose qui enlève du flux d'éléments) dans la barre latérale, puis le bas UL déplace vers le haut comme il se doit, il ressemble à l'UL est peut-être essayer de effacer la barre latérale, mais je ne peux pas comprendre pourquoi ce serait non plus.

J'ai reproduit le problème dans Firefox et Chrome jusqu'à présent. Des idées?

Répondre

2

Il est dû à la règle suivante v2basic.1263412699.css:

.overwrap .button-bar:after,#content .item:after,#content .blogcomment:after 
{ 
    content:"."; 
    display:block;height:0;clear:both;visibility:hidden 
} 

Retirez content:"."; à cette règle ou supprimer la classe item de #dditem_2. Je ne sais pas ce qu'il y a là-bas, mais ça rend la taille folle.

+0

Wow, bonne prise. Puis-je vous demander comment vous avez suivi cela? –

+0

# dditem_2 a class = "item html 3" donc j'ai cherché vos définitions de styles pour .item (les classes html et 3 sont fausses). Il y avait seulement quelques règles pour le .item et le contenu était le seul hors de l'ordinaire, donc je l'ai enlevé avec Firebug pour vérifier. – wsanville

0

Cela ressemble à beaucoup de divs. Avez-vous essayé de mettre bordure: 1px rouge solide autour des divs pour voir où ils peuvent être en contact?

+0

Oui, ça vient d'un CMS qui est plus ou moins hors de mon contrôle. J'ai utilisé la barre d'outils de développement web de Firefox pour décrire les divs et cela n'a pas vraiment donné d'indices. –

Questions connexes