CODEWITHSUNDEEP
csshtml
user2333672
user2333672

Reputation: 1

Div not stretching - overlapping content below

I have tried and tried but cannot get the div with content to push the other divs down so that there is not an overlap. Obviously new to CSS and could really use someones help. The page in question is located at http://internet-icg.com/franco/news_mike.html. You'll see what I mean.

I simply need the div's below the content to be pushed down acording to the height of the div above.

Thank you.

Upvotes: 0

Views: 121

Answers (1)

Dan
Dan

Reputation: 184

ok. Remove this line

<img width="1100" height="864" align="left" alt="immaculate reception" src="images/franco_03.png">

In the CSS change the position to relative (instead of absolute) in here

image .text {
    color: #CAC6B9;
    font-family: "Times New Roman",Times,serif;
    font-size: 18px;
    font-weight: normal;
    left: 65px;
    top: 0;
    position: relative
    width: 765px;
}

and change the absolute position to relative, plus add a float left here:

.image .text_social {
    color: #CAC6B9;
    float: left;
    font-family: "Times New Roman",Times,serif;
    font-size: 18px;
    font-weight: normal;
    left: 85px;
    position: relative;
    top: 16px;
    width: 220px;
}

Does this look more like you want?

Upvotes: 1

Related Questions