3 replies [Last post]
Crud O Matic
Offline
newbie
Last seen: 13 years 24 weeks ago
Timezone: GMT-4
Joined: 2007-09-13
Posts: 5
Points: 0

This is round two of my last problem, the footer problem is fixed. However if I have a floated DIV that is taller than my content, it flows ALL the way to the bottom BENEATH the footer - not respecting the padding or margins of the DIV tag that it is in.

This is an inline style for now. If you want the CSS files involved refer to post http://csscreator.com/node/25546 - The changes are in the last reply.

index.htm:







Test












Hello Hello






Content Content Content


The offending floater is the DIV tag immediately below the one with id="content"

Thanks,
Crud

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 3 days 15 hours ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

A float element is not in the flow.

A float element is not in the flow. You will need to cause the parent container to contain its float child.

Not tested: Adding {overflow: hidden;} to #content will probably fix it.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Crud O Matic
Offline
newbie
Last seen: 13 years 24 weeks ago
Timezone: GMT-4
Joined: 2007-09-13
Posts: 5
Points: 0

Thank you

Thanks Gary, works perfectly.

Crud

qube99
Offline
Regular
Texas
Last seen: 13 years 22 weeks ago
Texas
Timezone: GMT-7
Joined: 2007-09-11
Posts: 39
Points: 0

Excellent tutorial. Thanks

Excellent tutorial. Thanks

Steve Strickland
Ecommerce-Retail.com