2 replies [Last post]
mlecho
Offline
Regular
Last seen: 14 years 51 weeks ago
Joined: 2007-09-24
Posts: 28
Points: 0

i konw, this is asked a lot, and yes, i read the post called 100%.

I have a wrapper div- to position my pages in the center
another div inside to contain all the content
inside is a left column (#slim_left) and a right column (with two more columns inside that)
the left column will only extend as long as it's content.... i want it to extend with the wrapper divs final height.

what am i not getting? Why is height 100% not enough?

#w { margin: 0 auto; width: 1014px; text-align: center; } #wrapper_contents { width:1000px ; margin: 0 auto; background-color:#fff; } div.slim_left { width: 195px; background-color: #e0ded8; height: 100%; float: left; display: inline; border-top: thin solid #fb4f14; margin-top: 50px; } div#right_col { float: right; } div#right_col div#lower_center /*middle col*/ { clear: both; width: 415px; float: left; margin-right: 15px; } div#right_col div#lower_right /*far right col*/ { background-color:#f7f7f5; float: left; display: inline; height: 100%; }

mlecho
Offline
Regular
Last seen: 14 years 51 weeks ago
Joined: 2007-09-24
Posts: 28
Points: 0

i should add i have a valid

i should add i have a valid page with a doctype:

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 13 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Take a look at2

Take a look at 2 columns—apparent equal height.

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.