开发者

Why is there inconsistent spacing between two similarly styled elements, and how can I make them consistent?

http://bit.ly/jEiZ2Z

If you click on the "7" and "8", you'll be selecting an arrival and end date.

The vertical spacing ( white space / border ) is 开发者_Go百科inconsistent with this:

http://bit.ly/lem5aI

I'm referring to the bottom white "border":

Why is there inconsistent spacing between two similarly styled elements, and how can I make them consistent?

It's off by a pixel or two. I want it to look like the first link.

In the latter link, you need to actually click on any of the textfields in the console ( eg arrival, departure ) to get the calendar to show up.

Stylistically it seems exactly the same, including the styles of outer parents, etc. I'm pretty sure it's something being inconsistently inherited, or perhaps it's whitespace literally in the HTML. ( I've had a long 20+ hr day so my eyes are not fresh ).

Would be great if someone could try spotting this.

In addition, it looks much more off ( more than 1 pixel ) in IE.


The problem seems to be caused by this, inside layout.css:

div#content table td,
div#content table th { vertical-align: top; }

Testing with Chrome 12, if I toggle that off on one of your <td day="44" ..> elements, it's fixed.

Your "working" page does not have that CSS.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜