2012-03-05 15 views
1

align=right属性が使用されている場合、このASP.Netサーバーコントロールの水平スクロールが機能していません。Google Chromeがオーバーフローが正しくレンダリングされない

<div align="right" style="overflow:scroll; width: 200px; height:200px;"> 
    <div style="width:400px; height:400px"> 
    </div> 
</div> 

水平スクロールバーは、あなたがalign="right"属性を削除する瞬間を表示されます:私は、コードを生成し、このような何かを発見したHTMLに掘っ。 Chrome 17/18でテスト済みです。 Firefox 10とIE 10でうまく動作します

回避策はありますか?

PS。 Google Chromeのユーザーにバグを提出する必要がありますか?これはWebkitのバグと思われます!

+0

どのようなdoctypeを使用していますか?私は 'div'要素が' align'属性をもはや持っていないと思います。 –

+0

これはバグではありません。 'align'属性は推奨されなくなりました。 – Sparky

答えて

1

私はCSS(float:right;)を使用して、align属性を使用して問題を解決すると思います。

http://jsfiddle.net/rdjRS/

は、これはあなたが目指していたものですか?


アップデート:私はあなたがjavascriptを追加することができますが、あなたはjavascriptを取り除くことはできません。あなたはこのコードをあなたのjavascriptに含めることを試みることができますか?それは、要素を右浮動させて、非推奨のalign属性を削除します。

<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"L></script> 
    <script type="text/javascript"> 
​  $('[align="right"]')​.css('float', 'right').removeAttr('align');​​​​​​​​​​​​​ 
    </script> 

はい、jQueryによって異なります。

ご覧のとおり、既に存在していたHTMLやCSSを削除することなく動作します。 http://jsfiddle.net/hLg73/

+0

私はtext-align cssプロパティを使用できますが、私はサーバーコントロールにアクセスできません。サーバーコントロールはASP.Netフォームで使用するサードパーティのUIコンポーネントです! –

+0

あなたは何を制御できますか? CSSは? Javascript? – dangerChihuahua007

+0

htmlコードは、実行時にJavaScriptクラスによって動的に生成されるため、動作を変更するにはJSクラスのRenderメソッドをハックする必要があると思います!しかし、試してみる価値はあるのですが、私は解決策が嫌いです –

1

div属性、alignが廃止されました...

http://www.w3.org/TR/html4/present/graphics.html#h-15.1.2

したがって、私は物事が正しくレンダリングされないときは、ブラウザのバグを責めることができると信じていません。

float: right;のようなこの効果を得るには、CSSを使用することをお勧めします。

関連する問題