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%
} Battery coating is the process of applying uniform layers of active materials—such as cathode and…
Let’s face it. Tech buzzwords get thrown around a lot—especially when it comes to how…
In today’s digital world, the boundaries between technology, finance, and innovation are rapidly disappearing. Businesses…
Backyard gatherings like BBQs, family reunions, and garden parties are an exciting way to enjoy…
Marketers are always on the lookout for more effective ways to reach their target audiences.…
Does your phone control your mind more than you control your phone? Modern life exploits…