Despite trying multiple solutions, I'm still struggling to remove the excess blue space below the graph that appears when clicking the submit button.
Any insights into what might be causing this issue?
Below are the CSS styles related to the problem:
#cccontainer {
width: 800px;
padding: 0px;
margin: 0px;
background-color: #447bc7;
}
#costComparer {
width: 300px;
float: left;
}
#costComparer input {
width: 100px;
}
#result {
width: 450px;
float:right;
}
#chart_div{
display: none;
float: left;
margin: 0px;
padding: 0px;
}
.spacer {
margin: 0px;
padding: 0px;
}
And here's the relevant HTML code:
<body>
<div id="cccontainer">
<form id="costComparer" name="pricesForm">
<table>
<!-- my table -->
</table>
</form>
<div id="result"></div>
<div id="chart_div" style="width:400px; height:250px;"></div>
<div class="spacer" style="clear: both;"></div>
</div>
</body>