[FONT=Verdana]Antony,
My last “Try this” idea was not the best. The original css was essentially correct.
The following changes will make your page render properly in IE 8 and 9, FF 18, and Chrome 23.
B [/B]Please change the following lines in your css…
censusstyle.css - Line 172
.test p.rotate {
display:[color="#0000ff"]inline-block[/color]; /* was: display:block; */
[color="#ff0000"][s]white-space:nowrap;[/s][/color] /* Delete. Not necessary. */
ALSO, at the bottom of the css sheet, ADD a semicolon after the the word “super” and put a close curly brace on the next line (they were missed when you copied my code).
B[/B] Make the following HTML changes on ALL pages that use this rotated text:
From:
<!--[if lte IE 8]>
<style type="text/css">
p.rotate {
writing-mode: tb-rl;
filter: flipv fliph;
display:inline-block;
*display:inline;
zoom:1.0;
letter-spacing:1px;
width:auto;
}
</style>
<![endif]-->
To:
<!--[if lte IE 8]>
<style type="text/css">
.test p.rotate {
writing-mode: tb-rl;
filter: flipv fliph;
display:inline-block;
*display:inline;
zoom:1.0;
}
</style>
<![endif]-->
<!--[if IE 9]>
<style type="text/css">
.test p.rotate {
display:block;
}
</style>
<![endif]-->
B[/B] REMINDER: Please CHANGE the HTML on the bottom row, last column of table class=“test” on ALL of these pages:
From:
<td><p class="col9">
To:
<td class="col9"><p>
B[/B] I recommend the following css change to remove IE’s default border from around anchor images:
censusstyle.css - Line 117
From:
a img {display:block;}
To:
a img {display:block; border:0;}
B[/B] Picky HTML details (treatment for insomnia):
(5-A) On the HTML pages, Row 3, Columns 1, 7 & 8, you can delete the " "s if you wish; they are harmless but unnecessary. A little more work for the browser to do.
(5-B) Likewise, in Column 4, you can delete the string of " " preceeding the “U”. They are moving the string “U S D” a little off center.
(5-C) Near the bottom of the HTML page, delete the red code because it is invalid code (it contains no units of measure) and is not doing anything at all. The buttons are being rendered at their default dimensions.
<button [color="#ff0000"][s]style="width:150;height:30"[/s][/color] ONCLICK.....
B[/B] Gee Wiz:
For my notes: What is the php code that you are using to call the drop-down menu code?
[/FONT]