CSS Help...

[Al Neri]

Check out http://www.toiletsurvey.com with both IE and Firefox.. after you vote the percentage bar is justified to the left in Firefox, but IE its centered... Can anyone help me left justify it in IE too?

http://www.toiletsurvey.com/css.css is the css file...

Thanks

 

[superjohnyo]

in this section:

.graph .bar {

display: block;

position: relative;

background: #1645AE;

text-align: center;

color: #FFFFFF;

height: 1em;

line-height: 1em;

add:

margin-left: 0px;
margin-right: auto;

to get:

.graph .bar {

display: block;

position: relative;

background: #1645AE;

text-align: center;

color: #FFFFFF;

height: 1em;

line-height: 1em;

margin-left: 0px;

margin-right: auto;


}

 

[MangoTBG]

I'm not a CSS pro, I'd probably go with what superjohnyo says if it works. But I did figure out that if you add _float: left; to .graph .bar it also works.

I know CSS, but when it comes to why something works in FF and not IE or vise-versa, I have absolutely no clue. I really hope IE7 fixes all these problems...

 

[Al Neri]

superjohnyo is the man!!!!