I have added the following line to adjust the table height on a views table output. The table must align to the lines on the left hand menu on my site.

.views-table tr.odd td, .views-table tr.even td {
	height: 200px;
	margin: 0px;
	padding: 0px;
}

In firefox the table td is outputted as 200px height, but in IE 8 and Safari it seems to output the table td as about 201px, or 202px which throws off the design just in those two browsers.

The website in question is http://colinwhite.otherdata.com

Comments

wrender’s picture

wrender commented

I should have mentioned. The view using the rows is on this page. http://colinwhite.otherdata.com/latest_comix

wrender’s picture

wrender commented
Title: Adjusting row height is different depending on browser » Adjusting css for row height is different depending on browser
esmerel’s picture

esmerel commented

So what, actually, is your question? Why is this happening? How can you fix it? Does IE really suck enough that CSS never implements the same way twice? :)

dawehner’s picture

dawehner
Primary language German
commented

I think the only real solution is this thing called ie.css

merlinofchaos’s picture

merlinofchaos commented
Status: Active » Closed (won't fix)

Unfortunately, the folks handling the Views' queue are not experts on CSS and are unable to help you with the vagaries of CSS from one browser to another. You might have better luck posting your question on the forums (and note that your real question is about CSS and maybe a little markup provided by Views, but not Views itself, so be sure not to focus your question incorrectly so that the right people see it).

Krabbie’s picture

Krabbie commented

Have you tried using em insted of px?

link: http://w3schools.com/cssref/css_units.asp

Thanks for the code BTW, just what i needed :-)