/    Sign up×
Community /Pin to ProfileBookmark

CSS and Columns….

Hey, I have yet another problem. [url]www.kovo.ca[/url]

As you can see i have added some content to the left and right columns however the page is not adjusting to conform to the new content. The copyright div stays in place when I want it to scroll down with the content…. Im sure you know what I mean, this is the CSS for it:

[CODE]html{min-height: 500px; min-width: 800px; margin: 0px; padding: 0px; font-family: Verdana; font-size: 10pt;}
body{background-color: #ffffff; background-image: url(‘images/img_01.jpg’); background-repeat: repeat-x; margin: 0px; padding: 0px;}
.bannerdiv {width: 100%; height: 151px; background-image: url(‘images/img_03.jpg’); background-repeat: no-repeat;
background-position: center top;}
.navback {width: 100%; height: auto; background-color: #e1e1e1; font-family: Verdana; font-size: 13pt;}
#nav {margin:0; padding:0; width:100%; vertical-align: middle;}
#nav li {display:inline; padding:0; margin:0;}
#nav a:link,#nav a:visited {color:#000000; width:auto; text-decoration:none;}
#nav a:hover {color:#ffffff; background:#bbbbbb;}
.threecolcont_1E87CDBA {width:100%; height:100%; margin: 0px; padding: 0px; min-width: 850px; min-height: 300px;}
.threecolbox_1E87CDBL {width:200px; height:auto; float:left; margin: 0px; padding: 0px; font-family: Verdana; font-size: 9pt;
}
.threecolbox_1E87CDBC {width: auto; height:100%; background-color:#ffffff; margin: 0px; padding: 0px; min-width: 509px;
overflow: visible; margin-left: 200px; margin-right: 200px; border-right: #000000 1px solid; border-left: #000000 1px solid;}
.threecolbox_1E87CDBR {width:200px; height:100%; float:right; margin: 0px; padding: 0px; font-family: Verdana; font-size: 9pt;
}
.text {margin-left: 5px;}
.padbcont_2CC9F81 {width:auto; height:auto; border-top: #000000 1px solid; border-bottom: #000000 1px solid; margin: 0px; padding: 0px;}
.padbox_2CC9F81 {width:auto; height:auto; margin: 0px; padding: 0px;}[/CODE]

to post a comment
CSS

4 Comments(s)

Copy linkTweet thisAlerts:
@KravvitzNov 19.2006 — What generated those class names?

You need to [url=http://www.dynamicsitesolutions.com/css/layout-techniques/#clearing_floats]clear the floats[/url].
Copy linkTweet thisAlerts:
@KovoauthorNov 20.2006 — clearing didnt seemt o wrok..unless i miss implemented it...
Copy linkTweet thisAlerts:
@KravvitzNov 20.2006 — What changes did you try making?
Copy linkTweet thisAlerts:
@CentauriNov 20.2006 — Add clear:both; to your .padbcont_2CC9F81 style.

Cheers

Graeme
×

Success!

Help @Kovo spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...