Hi all,

I seem to have an issue with my CSS.

The page setup that has the issue is:

<section 1></section 1>
<section 2></section 2>
<section 3></section 3>

The sections are set to 33% width and floating left. The containing footer does not seem to expand in height:

What it looks like (very rough still)


The problem is the footer has a max height of 200px.

Change the following CSS:

footer {
    background-color: #666666;
    border-top: 1px solid #3E3E3E;
    box-shadow: 0 1px 4px #000000;
    font-size: 0.9em;
    height: 190px;
    margin: 15px auto;
    max-height: 200px;
    padding: 10px 10px 20px;
    width: 88%;

And remove the max-height: 200px;

commented: Many thanks +6


So many thanks. Thought i had removed that :)


Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.