www.webdeveloper.com
Results 1 to 5 of 5

Thread: CSS and Columns....

  1. #1
    Join Date
    Oct 2006
    Posts
    55

    CSS and Columns....

    Hey, I have yet another problem. www.kovo.ca

    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;}

  2. #2
    Join Date
    Jul 2005
    Location
    USA
    Posts
    3,910
    What generated those class names?

    You need to clear the floats.
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

    Check out my blog.

  3. #3
    Join Date
    Oct 2006
    Posts
    55
    clearing didnt seemt o wrok..unless i miss implemented it...

  4. #4
    Join Date
    Jul 2005
    Location
    USA
    Posts
    3,910
    What changes did you try making?
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

    Check out my blog.

  5. #5
    Join Date
    Mar 2006
    Location
    Newcastle NSW Australia
    Posts
    4,033
    Add clear:both; to your .padbcont_2CC9F81 style.

    Cheers
    Graeme

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles