2010-04-13 9 views
2

J'essaie de créer un cadre qui contiendra une quantité dynamique de texte. il a des coins arrondis donc un créé 3 divs: haut, corps et bas. corps tiendra le contenu tandis que le haut & afficher uniquement les images respectives de la trame. tout cela peut être vu ici:espace autour de div avec l'image d'arrière-plan

http://www.m-challenge.com/nimrod/modular_frame.php

le problème: il y a un espace de ces divs haut et en bas et celui du milieu. s'il vous plaît jeter un oeil et toute contribution serait très appréciée. ont une belle journée :-)

Répondre

2

Votre problème est que la balise p a une marge en haut/bas. Donnez-lui une marge de 0 pour résoudre ce problème. La même chose s'appliquerait si vous mettez des étiquettes h#, ul et des étiquettes similaires dans la boîte.

De plus, est-ce que je peux vous recommander de ne pas passer autant de temps à faire des répétitions arrondies de cette façon et simplement utiliser le rayon de bordure CSS3? Je sais, ce n'est pas encore complètement supporté mais vous avez le support de la plupart des navigateurs en dehors d'IE, et les utilisateurs d'IE ont tout simplement une bonne chute dans une boîte carrée. Juste une suggestion

+0

CSS3 est presque entièrement non pris en charge sur les interwebs, je ne recommanderais pas de l'utiliser. – NibblyPig

+0

Presque entièrement non pris en charge? Veuillez sauvegarder vos revendications avec une source réelle. Oh, http://www.findmebyip.com/litmus#target-selector :) Je n'ai jamais dit pour lui d'utiliser CSS3 exclusivement, mais si vous pouvez vous rabattre gracieusement avec une partie de celui-ci et cela n'aura pas d'impact majeur sur votre site web, ça vaut la peine d'utiliser. – Bartek

+0

Merci beaucoup, en mettant p à la marge: 0px; rembourrage: 0px; a fait l'affaire! – samoyed

1

Je pense que vous devez d'abord réinitialiser les marges et rembourrages: http://meyerweb.com/eric/tools/css/reset/

puis appliquer les valeurs appropriées, en fonction de l'effet que vous voulez atteindre.

+0

merci pour le conseil et le lien. en utilisant des feuilles de réinitialisation sonne comme une bonne idée. – samoyed