Mr A
Mr A

Reputation: 6768

height auto css issue

I tried to set the height of my webpage to auto with no success. When the text grows, it overlaps the footer. Any ideas where I am getting it wrong? I want to extend the .main class when the text grows.

.main {    
    background-position: right bottom;
    min-height: 1200px;
    background-color: #FFFFFF;
    background-image: url('../images/side-shape.png');
    background-repeat: no-repeat;
    height:auto !Important;
}

Upvotes: 0

Views: 100

Answers (2)

Usman
Usman

Reputation: 3278

just remove this line from your footer class

margin-top: -175px;

Upvotes: 2

John Conde
John Conde

Reputation: 219804

Looks like you need to clear the float you have in your left column. Put clear: both; in your footer_wrapper and that should fix this.

Upvotes: 1

Related Questions