Hi,

I have written up this simple asp.net page that pulls data from a long xml file and shows information in a table format. Everything is working properly, except that I cannot get the scrollbar to work. So, if I want to read the stuff that is on the lower end of the screen, I tried using mouse, keys and still get no data.

What is weird is, I don't have this problem with Firefox. I still get no scrollbar, and putting in something like overflow:auto in my body tag in the css does not seem to do any good.

BTW, this only occurs with the aspx, I don't have the same problem with other html files.

What have I done wrong here?
Anything is appreciated.

Recommended Answers

All 8 Replies

If you want any help, you are going to have to post the HTML generated by your aspx page and let everyone know what version of IE you have. If someone is able to recreate the problem, they might be able to help.

If you want any help, you are going to have to post the HTML generated by your aspx page and let everyone know what version of IE you have. If someone is able to recreate the problem, they might be able to help.

What is weird is, I can see the scroll bars that is in the center of the screen when I shrink the screen down. If I have to show you the code, which part would I need to present? The data is very long, and I am not sure if it is suitable to post everything?

Thanks for your help.

You will need to show the generated HTML. Whatever the browser sees when it tries to display the page. You can get that by right-clicking the page and selecting "View Source".

Please don't post all of your data. If you are outputting your data in a loop, meaning there are regions of your page that are repeating for each row in your dataset (or something similar), then you can simply post HTML generated for a single row of your data.

I can post the code, but it is really long, so I am putting in the information with one data entry as the example. Hope this explains some of the issues I may have.

<html>
<head><title>Test</title></head>
            <body>
                  <div id="main">
                    <h1>My Music List on Pandora</h1>
          <form name="ctl00" method="post" action="music_collection.aspx" id="ctl00">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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eWxhbiBCbHVlcwlCb2IgRHlsYW4KMDUtMDMtMjAxMGQCKA9kFgJmDxUFBUJsdWVzFEdhdGVzIE9mIEVkZW4gKExpdmUpD0JvYiBEeWxhbiBCbHVlcwlCb2IgRHlsYW4KMTAtMDUtMjAwOWQCKQ9kFgJmDxUFBUJsdWVzNEhhcmQgVGltZXMgSW4gTmV3IFlvcmsgVG93biAoQm9vdGxlZyBTZXJpZXMgVmVyc2lvbikPQm9iIER5bGFuIEJsdWVzCUJvYiBEeWxhbgowNS0yMi0yMDEwZAIqD2QWAmYPFQUJUmVsaWdpb3VzBkFtYXplZBZDb250ZW1wb3JhcnkgQ2hyaXN0aWFuGVBoaWxsaXBzLCBDcmFpZyBhbmQgIERlYW4KMDUtMDQtMjAxMGQCKw9kFgJmDxUFCVJlbGlnaW91cxZIZXJlIEkgR28gQWdhaW4gKExpdmUpFkNvbnRlbXBvcmFyeSBDaHJpc3RpYW4OQ2FzdGluZyBDcm93bnMKMDQtMjEtMjAxMGQCLA9kFgJmDxUFEVNvZnQgYW5kIExhaWRiYWNrFkRhbmNpbmcgT24gVGhlIENlaWxpbmcORWFzeSBMaXN0ZW5pbmcMQmVlZ2llIEFkYWlyCjAzLTEyLTIwMTBkAi0PZBYCZg8VBRFTb2Z0IGFuZCBMYWlkYmFjaxZEbyBZb3UgS25vdyAoTWFob2dhbnkpDkVhc3kgTGlzdGVuaW5nElJpY2hhcmQgQ2xheWRlcm1hbgowNS0xMS0yMDEwZAIuD2QWAmYPFQURU29mdCBhbmQgTGFpZGJhY2sfRG8gWW91IEtub3cgVGhlIFdheSBUbyBTYW4gSm9zZQ5FYXN5IExpc3RlbmluZw5CdXJ0IEJhY2hhcmFjaAowMS0xMy0yMDEwZAIvD2QWAmYPFQURU29mdCBhbmQgTGFpZGJhY2sIRmVlbGluZ3MORWFzeSBMaXN0ZW5pbmcSUmljaGFyZCBDbGF5ZGVybWFuCjA1LTExLTIwMTBkAjAPZBYCZg8VBRFTb2Z0IGFuZCBMYWlkYmFjaxBGb29sIE9uIFRoZSBIaWxsDkVhc3kgTGlzdGVuaW5nDVNlcmdpbyBNZW5kZXMKMDQtMTMtMjAxMGQCMQ9kFgJmDxUFEVNvZnQgYW5kIExhaWRiYWNrBEphdmEORWFzeSBMaXN0ZW5pbmcPQWxsZW4gVG91c3NhaW50CjAyLTEyLTIwMTBkAjIPZBYCZg8VBRFTb2Z0IGFuZCBMYWlkYmFjawtMYSBNYW50aWxsYQ5FYXN5IExpc3RlbmluZwhFc3F1aXZlbAowMS0xMy0yMDEwZAIzD2QWAmYPFQURU29mdCBhbmQgTGFpZGJhY2sPTWlkbmlnaHQgQ293Ym95DkVhc3kgTGlzdGVuaW5nFUZlcnJhbnRlIGFuZCAgVGVpY2hlcgowNS0xMS0yMDEwZAI0D2QWAmYPFQURU29mdCBhbmQgTGFpZGJhY2ssTW9vbiBSaXZlciAoZmVhdC4gU3RldmllIFdvbmRlciBhbmQgIFRha2UgNikORWFzeSBMaXN0ZW5pbmcNSGVucnkgTWFuY2luaQowMy0xOC0yMDEwZAI1D2QWAmYPFQURU29mdCBhbmQgTGFpZGJhY2sZVGhlIExvb2sgT2YgTG92ZSAoUGFydCA0KQ5FYXN5IExpc3RlbmluZwNBQkMKMDUtMTEtMjAxMGQCNg9kFgJmDxUFEVNvZnQgYW5kIExhaWRiYWNrC1RoZSBQcm9waGV0DkVhc3kgTGlzdGVuaW5nCkNhbCBUamFkZXIKMDUtMTctMjAxMGQCNw9kFgJmDxUFEVNvZnQgYW5kIExhaWRiYWNrGVlvdSBNYWtlIE1lIEZlZWwgU28gWW91bmcORWFzeSBMaXN0ZW5pbmcNRnJhbmsgU2luYXRyYQowNC0yMS0yMDEwZAI4D2QWAmYPFQUKTGlnaHQgUm9jaw1EYW5jaW5nIE9uIE1lFUVuZ2xhbmQgQmVsb25ncyB0byBNZQM5OTkKMDMtMTAtMjAwOGQCOQ9kFgJmDxUFCkxpZ2h0IFJvY2scRW5nbGFuZCBCZWxvbmdzIFRvIE1lIChMaXZlKRVFbmdsYW5kIEJlbG9uZ3MgdG8gTWUMQyoqayBTcGFycmVyCjA2LTMwLTIwMDhkAjoPZBYCZg8VBQpMaWdodCBSb2NrCkdldCBLaWxsZWQVRW5nbGFuZCBCZWxvbmdzIHRvIE1lBkIuRy5LLgowOC0wMy0yMDA5ZAI7D2QWAmYPFQUKTGlnaHQgUm9jawpIYWxsZWx1amFoFUVuZ2xhbmQgQmVsb25ncyB0byBNZQM5OTkKMDYtMDQtMjAwOGQCPA9kFgJmDxUFCkxpZ2h0IFJvY2sKSGVyZSBXZSBHbxVFbmdsYW5kIEJlbG9uZ3MgdG8gTWUIT3h5bW9yb24KMTAtMzAtMjAwOWQCPQ9kFgJmDxUFCkxpZ2h0IFJvY2sIS2FtaWthemUVRW5nbGFuZCBCZWxvbmdzIHRvIE1lEVRoZSBQcm9mZXNzaW9uYWxzCjExLTEwLTIwMDlkAj4PZBYCZg8VBQpMaWdodCBSb2NrB01vdmUgT24VRW5nbGFuZCBCZWxvbmdzIHRvIE1lClRoZSBHLlQuJ3MKMDctMDctMjAwOGQCPw9kFgJmDxUFCkxpZ2h0IFJvY2sPTm90aGluZyBUbyBMb3NlFUVuZ2xhbmQgQmVsb25ncyB0byBNZQpUaGUgU3RpZmZzCjAzLTIyLTIwMDhkAkAPZBYCZg8VBQpMaWdodCBSb2NrDk9uZSBUcmFjayBNaW5kFUVuZ2xhbmQgQmVsb25ncyB0byBNZQ9Kb2hubnkgVGh1bmRlcnMKMDktMTEtMjAwOGQCQQ9kFgJmDxUFCkxpZ2h0IFJvY2sMT25lIFdheSBMb3ZlFUVuZ2xhbmQgQmVsb25ncyB0byBNZQ5UaGUgVW5kZXJ0b25lcwowMy0xMC0yMDA4ZAJCD2QWAmYPFQUKTGlnaHQgUm9jaxJSdW4gV2l0aCBUaGUgQmxpbmQVRW5nbGFuZCBCZWxvbmdzIHRvIE1lDEMqKmsgU3BhcnJlcgowNy0yMy0yMDA5ZAJDD2QWAmYPFQUKTGlnaHQgUm9jawlSdXNoIEhvdXIVRW5nbGFuZCBCZWxvbmdzIHRvIE1lCUpveSBSaWRlcgowMy0yOS0yMDA4ZAJED2QWAmYPFQUKTGlnaHQgUm9jaxJXaGVyZSBBcmUgVGhleSBOb3cVRW5nbGFuZCBCZWxvbmdzIHRvIE1lDEMqKmsgU3BhcnJlcgowOS0yMC0yMDA4ZAJFD2QWAmYPFQUKTGlnaHQgUm9jawpXaGl0ZSBSaW90FUVuZ2xhbmQgQmVsb25ncyB0byBNZQxDKiprIFNwYXJyZXIKMDMtMDUtMjAwOWRk+3Tti81K3C9YXidZy0369Fa/ECA=" />
</div>
 
          
                <table class="songs">
                 <tr>
                        <th width="35%">Title</th>
                        <th width="25%">Album</th>
                        <th width="20%">Artist</th>
                        <th width="20%">Date</th>
                    </tr>
            
                <tr title='Rock'>
                    <td>(I Just) Died In Your Arms</td>
                    <td>80 Popular Hits</td>
                    <td>Cutting Crew</td>
                    <td>03-24-2009</td>
                </tr>            
                </table>        
</form>  
               </div>
            </body>
        </html>

Do you have overflow:hidden anywhere in your stylesheet?
To me, it sounds very much like the problem is in the css somewhere.

This is what I have in my css regarding my div element named #main, which is where I put in all my info.

#main {padding:0 4em; 
       overflow: auto;
}

But, I do have overflow:hidden in my body

body {
    font-family:Arial;
    color:rgb(64,0,128);
    background-image:url(../images/music.jpg);
    padding:0;
    overflow:hidden
}

Yet, since #main is inside body, should it not have over-ridden this rule?
Thanks for your help.

If there was a height specified on the #main div then I would agree with your assessment. But that's not mentioned in your snippet.

Working on that assumption - the #main div will never overflow as such because it doesn't know that it has a limitation, it will just extend - if that extension goes beyond the constraints of the body, then the body overflow setting is the one it will use. If you specify a height for the div which is less than the body height then I think it will all work.

If there was a height specified on the #main div then I would agree with your assessment. But that's not mentioned in your snippet.

Working on that assumption - the #main div will never overflow as such because it doesn't know that it has a limitation, it will just extend - if that extension goes beyond the constraints of the body, then the body overflow setting is the one it will use. If you specify a height for the div which is less than the body height then I think it will all work.

Thanks for pointing this out to me, and no, using div height did not work, I switched body's overflow to auto, and it worked. I can see the scroll bars now. Thank you.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.