tag:help.tenderapp.com,2008-11-12:/discussions/problems/11155-ie8-widget-cssTender: Discussion 2018-10-18T06:27:26Ztag:help.tenderapp.com,2008-11-12:Comment/205621852012-11-07T13:38:41Z2012-11-07T13:38:42Zie8 widget css<div><p>As for temporary solution -- I just had to add something
like</p>
<pre>
<code>#tender_toggler_link {
background: url(https://mobileteam.tenderapp.com/images/widget/tab_text_top.gif) !important; HEIGHT: 100% !important;
}</code>
</pre>
<p>to my css.</p></div>maxtag:help.tenderapp.com,2008-11-12:Comment/205621852012-11-07T18:06:16Z2012-11-07T18:06:16Zie8 widget css<div><p>Max -</p>
<p>Is your widget publicly available? We'll take a look at it and
see what's going on.</p>
<p>Thanks,<br>
Nicole</p></div>Nicoletag:help.tenderapp.com,2008-11-12:Comment/205621852012-11-07T19:05:38Z2012-11-07T19:05:39Zie8 widget css<div><p>No, i'm afraid it's not available publicly. But let's look at
small test page:</p>
<pre>
<code><html>
<head>
<style>
</style>
</head>
<body>
<h1>test</h1>
<script src="https://mobileteam.tenderapp.com/tender_widget.js?location=top" type="text/javascript"></script>
</body>
</html></code>
</pre>
<p>It looks how intended (widget on top of the page) in Chrome 22
or FF 15, but it's on the right side of the page in IE8 or IE9. In
order to place it on top of the page in IE I had to add folowing
css:</p>
<pre>
<code>#tender_toggler
{
top: 0px !important;
width: 105px !important;
height: 33px !important;
padding: 0px 3px 3px 3px !important;
}</code>
</pre>
<p>Now IE shows widget on top of the page, but text is still
obviously vertically oriented.<br>
Okay. I began to customize widget's look, I have to do it all the
way through. Next step is to add the following style to have
horizontally oriented text:</p>
<pre>
<code>#tender_toggler_link {
background: url(https://mobileteam.tenderapp.com/images/widget/tab_text_top.gif) !important; HEIGHT: 100% !important;
}</code>
</pre>
<p>Now I understand that I probably should paraphrase my problem:
why is widget located on the right side of page in IE when I pass
the <code>?location=top</code> parameter to the script? Maybe I'm
doing something wrong?</p></div>maxtag:help.tenderapp.com,2008-11-12:Comment/205621852012-11-07T19:33:58Z2012-11-07T19:33:58Zie8 widget css<div><p>Max -</p>
<p>I've created a development ticket so we can get this bug looked
at. It definitely shouldn't be behaving this way. We'll update this
discussion when we have a fix in place. Is it working for you now
with your adjustments in place?</p>
<p>Let us know and thanks for your patience.</p>
<p>Thanks,<br>
Nicole</p></div>Nicoletag:help.tenderapp.com,2008-11-12:Comment/205621852012-11-07T20:29:28Z2012-11-07T20:29:28Zie8 widget css<div><p>Thank you, I'm looking forward to your fix. In the meantime my
css adjustment works just fine.</p></div>max