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%
} In today’s fast-paced and highly competitive marketing environment, even the most creative campaign is only…
We are NYC moving firm. Are you planning a flat move? Maybe a distance or…
Mobile devices, unlike desktops and laptops, can not be handled by dozens or hundreds of…
Augmented Reality- An immersive experience for the learners! Learning and education aren’t the same as…
On special days like birthdays and weddings, we all like to celebrate our loved ones…
A web application is different from a regular mobile or desktop application as it runs…