For a float based layout the common problem is that the container doesn’t stretch up. Try Clearing floats. For example if you want to add floats then using command the browsers it stretch up the container all the way.
Suppose we are using the below css through out the page:
div.container { border: 2px solid #cccccc; } div.left { width: 40%; float: left; } div.right { width: 40%; float: right; }
in this case as the container div has o height then it contains floating elements. That is why the border stays at top of floating columns.
You can add a extra element with clear: both to solve this. But here is another solution:
div.container { border: 2px solid #cccccc; overflow: auto; width: 100% }
When was the last time you heard that a clone app like Gojek could efficiently…
The e-commerce market is growing and evolving at a rapid pace. More and more people…
IplWin stands as a reliable and enthralling platform for Indian punters, offering a captivating blend…
Introduction In today's online age, consumers are constantly bombarded with information. They crave valuable content…
In today’s rapidly aging society, finding a living situation that provides older adults with both…
If you wish to purchase a Mac, then it is strongly suggested to consider purchasing…