2010-04-13 47 views
2

我试图创建一个框架,其中将包含动态量的文本。 它有圆角,所以创建3个div:顶部,身体和底部。 机身将保留内容,而顶部仅显示相应图像的帧。 这一切都可以在这里看到:div与背景图像周围的空间

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

问题: 是有空间的顶部和底部的div和中间的一个。 请看看,任何输入将不胜感激。 有一个愉快的一天:-)

回答

2

你的问题是,p标签有一些保证金的顶部/底部。给它一个0的边距来解决这个问题。如果您将任何h#ul和类似的标签放在方框中,同样适用。

另外,我可以推荐你不要花这么多时间用这种方式制作圆形的包装,只需使用CSS3的边框半径?我知道,目前尚未得到全面支持,但除IE之外,大多数浏览器都支持这种技术,IE用户只需简单地将其降至方框即可。只是建议

+0

CSS3在interwebs上几乎完全不受支持,我不推荐使用它。 – NibblyPig 2010-04-13 12:20:59

+0

几乎完全不受支持?请以实际来源备份您的声明。哦,http://www.findmebyip.com/litmus#target-selector :) 我从来没有说他独占使用CSS3,但如果你可以优雅地退后一些,它不会大大影响你的网站,值得使用。 – Bartek 2010-04-13 12:25:36

+0

非常感谢,将p设置为margin:0px;填充:0像素; 做到了! – samoyed 2010-04-13 21:06:13

1

我觉得你应该先重置边距和补: http://meyerweb.com/eric/tools/css/reset/

然后应用正确的价值观,这取决于你想要达到的效果。

+0

thanx的建议和链接。使用重置表听起来像一个好主意。 – samoyed 2010-04-13 21:11:32