---
title: "Google Chrome not rendering overflow correctly"  
description: "Google Chrome not rendering overflow correctly"  
author: "Anonymous User"  
published: 2014-08-22  
updated: 2014-08-22  
canonical: https://www.mindstick.com/forum/2074/google-chrome-not-rendering-overflow-correctly  
category: "asp.net"  
tags: ["asp.net"]  
reading_time: 1 minute  

---

# Google Chrome not rendering overflow correctly

I just found this [ASP.Net](https://www.mindstick.com/articles/934/default-folders-available-inside-the-asp-dot-net-application-folder) [server](https://www.mindstick.com/articles/43769/what-is-serverless-architecture-is-it-worth-switching-over) [control](https://www.mindstick.com/blog/197/asp-dot-net-repeater-control) horizontal scroll not working when align=[right](https://www.mindstick.com/articles/12766/check-whether-you-are-doing-digital-transformation-right-or-not) [attribute](https://www.mindstick.com/blog/221/attributes-reflection) is used! I digged into the [HTML](https://www.mindstick.com/articles/1530/design-a-simple-stylish-calculator-using-html-css-and-javascript) generated code and found something like this:

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

The horizontal scrollbar appears the moment you [remove](https://yourviews.mindstick.com/story/4554/8-harmful-weeds-to-remove-from-garden) the align="right" attribute. Tested in [Chrome](https://www.mindstick.com/blog/303260/discover-google-s-latest-ip-protection-privacy-test-feature-in-chrome) 17/18. It [works fine](https://answers.mindstick.com/qa/115732/my-software-works-fine-on-windows-10-but-crashes-on-windows-11-why) in [Firefox](https://www.mindstick.com/forum/159398/any-way-to-disable-firefox-4-textarea-resizing-handles-please-help) 10 and IE 10

## Replies

### Reply by Sumit Kesarwani

Hi Ankit, try this:\

<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>


---

Original Source: https://www.mindstick.com/forum/2074/google-chrome-not-rendering-overflow-correctly

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.