Hi all,

I seem to have an issue with my CSS.

The page setup that has the issue is:

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

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)

http://deval.roundthebend.info/about_us.php

Recommended Answers

All 2 Replies

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

@AHarrisGsy,

So many thanks. Thought i had removed that :)

SOLVED

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.