score:1
your .container2
must contain the floats you can simply add .container2{ overflow: hidden;}
for a quick fix otherwise i'd recommend using clearfix
as for the footer just use position:relative
instead of absolute.
i cannot see the picture as it's local but i presume it works correctly now.
here is an working example.
code:
.container2 {
overflow:hidden;
}
.footer{
position:relative;
bottom:0;
width:100%;
height:60px;
background-color : rgb(255,192,0);
-moz-box-shadow: 0px -4px 5px 2px #ccc;
-webkit-box-shadow: 0px -4px 5px 2px #ccc;
box-shadow: 0px -4px 5px 2px #ccc;
margin-top : 50px;
}
Source: stackoverflow.com
Related Query
- HTML how block elements to not go over footer etc
- Angular chart.js onClick is not working - how to get all elements of a bar when it is clicked on
- How do I keep chart.js charts in one JS file, and not get errors when the ID from the JS file don't exist on one specific html page?
- How to iterate over array elements inside objects in javascript
- How to run Chart.js samples using source code
- how to not repeat code while creating multiple charts in chart js
- Html chart does not fit a small Android WebView
- How to change the cursor to a pointer when I hover over a bar in a ChartJS bar chart?
- Why can I not see a data value when hovering over a point on the radar chart?
- How do I fix over limit y axis value in ChartJS
- How to change cursor style to pointer on hovering over points of the chart?
- How to use HTML in custom tooltip in angular charts?
- Chart.js 2.0 - How to change default appearance of canvas/chart elements
- vue.js vue-chartjs chart not updating when chartData replaced, updated etc
- How do I make line charts overlay over bar charts in chartjs
- How to disable canvas elements from hijacking mouse wheel when scrolling through a page?
- Chart.js Tooltip over the line not only over points
- How to add ChartJS code in Html2Pdf to view image
- How to make ChartJS not cut off tooltips?
- how to customize tool tip while mouse go over bars on Chart js bar chart
- How do I add time sourced from an external source as an X axis to a ChartJS graph?
- How do I add padding on the right of tooltip, but not the left in Chart.js?
- how to display chart data as html table chartjs
- code works fine on jsfiddle but one function is not working on website
- how to put a y-axis and x-axis label while using html and chartjs
- Chartjs not working with d3 from csv source
- How can I show percentages when hovering over my chart?
- HTML 5 chartjs not working as static file
- ChartJS : It's not showing in html on Django
- Chartjs does not show on pdf in yii2 despite showing in html view
More Query from same tag
- Pie Chart Label is not visible in ReactJS
- Hiding unused axis in ng2-charts
- Uncaught TypeError: [Array].filter is not a function
- Charts.js not using the right colors
- dynamically update Chart.js draw line chart dataset data
- Tool tip not showing for those label who's data overlapped on each other in chart.js
- Grouped Bar Char in D3.js or Google Charts or Chart.js
- How to parse a Chart using data from a nested object in ChartJS
- How can i fix my code so i can read my data
- react-chartjs-2 keep x axis always 0% to 100%
- when click legend item in chart.js my bar is hiden but value of bar not hide
- How to remove left and right padding from the canvas/chart?
- How to fill remaining polar area with color
- How to generate chartjs charts to pdf using laravel?
- Adding text inside 2 different Doughuts chartjs
- ReactJS - Loading data using Axios + chartjs
- How to put images/ charts into table?
- Complex Javascript variables containing the values of other assigned variables?
- Displaying the first value of the array in datasets.label Chartjs
- Bootstrap tab is working but the tab content is not showing
- How to pass Arrays from backing bean to JavaScript to draw a chart using Chart.js in an Ajax call
- Stacked bars in Charts.js from a JSON list of objects
- Old data flickering after hover on line graph Chart.js
- can't dispal 2 garphs on chart.js
- Can't display chart.js after fadeOut the pageloader
- Chartjs v2 on retina display has label size issue (text is too large)
- Why are some react-chartjs-2 options being ignored?
- Javascript chart display labels
- React js Unhandled Rejection (TypeError): t[l].data.map is not a function
- Hide or show two datasets with one click event of legend in chart.js