div overflow:auto not working in div innerhtml

Expand Post »

good day! when i click a button, this codes will be executed (tested, its working)

var cart=document.getElementById('cart');
cart.innerHTML=cart.innerHTML + document.getElementById('name'+cartNum).innerHTML + "(" + qty + ")" + "<br>";

this is the style of my cart

}
#cart {
overflow:auto;
border:solid;
height:500;
margin-left:10px;
margin-right:10px;
margin-top:20px;
margin-bottom:0;
font-size: 12px;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
background-image:url(images/side.gif);
background-repeat:no-repeat;
}

my problem is, the overflow which i set to auto is not working. the div keeps on enlarging its height everytime i click the button. seems like it has a conflict with innerhtml? please help me. replies are REALLY appreciated.

Similar Threads

div scroll bar not working with overflow: auto in HTML and CSS
Wrapper div adapt to height of nested div? in HTML and CSS
div does not inherit correct width in HTML and CSS
My div for footer is not visible in IE 7 but it's working in FF, opera and IE6 in HTML and CSS
validations are not working on div in JavaScript / DHTML / AJAX

jjemphoung

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

33 posts
since Aug 2008

Permalink

Sep 1st, 2010

Re: div overflow:auto not working in div innerhtml

You forgot to add the unit to the value and your CSS is not entirely correct, use the following:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
#cart {
overflow:auto;
border:1px solid red;
height:500px;
margin-left:10px;
margin-right:10px;
margin-top:20px;
margin-bottom:0px;
font-size: 12px;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
background-image:url('images/side.gif');
background-repeat:no-repeat;
}
#cart {
overflow:auto;
border:1px solid red;
height:500px;
margin-left:10px;
margin-right:10px;
margin-top:20px;
margin-bottom:0px;
font-size: 12px;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
background-image:url('images/side.gif');
background-repeat:no-repeat;
}

Graphix

Reputation Points: 82

Solved Threads: 74

Posting Pro in Training

Offline

400 posts
since Aug 2009

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Javascript unable to create href in div and unable to apply second mouseover function

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Unable to open link in parent with slideIt() script

DaniWeb Message

Cancel Changes

User Name
Password