Solving div overflow in firefox - box not growing withcontent

Ask a Question related to Macromedia Dynamic HTML, Design and Development.

  1. #1

    Default Solving div overflow in firefox - box not growing withcontent

    Hi all,


    I wonder if someone could take a look at the attached code and tell me how I
    can make the content boxes grow the container div in the attached example.

    Thank you very much!



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache" />
    <title>PAge Title</title>
    <meta content="Keywords" name="keywords" />
    <meta content="description" name="description" />
    <meta content="My Name" name="author" />
    <!--
    -->
    <style type="text/css" media="screen,projection">
    /* CSS Document */
    body {
    background: #eee url("../images/bg_body.jpg") center bottom repeat-x;
    margin: 0px 0 10px;
    }
    #mainH1 {
    display: block;
    margin: 0 auto;
    width: 760px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #636263;
    }
    .h1_1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    display: inline;
    }
    .h1_2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    display: inline;
    margin-left: 285px;
    text-align: right;
    margin-right: 0px;
    }

    #container {
    background: #fff url(../images/bg_raster.gif) no-repeat left bottom;
    display: block;
    margin: 0 auto;
    width: 760px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bolder;
    min-height: 75em; height:75em;
    clear: both;
    }
    #mainContentContainer {
    clear: both;
    padding-left:17px;
    padding-right:17px;
    }
    #int {
    width: 235px;
    float: left;
    padding: 2px;
    margin-bottom: 15px;
    margin-right: 331px;
    margin-top: 5px;
    }
    #int img {
    display: inline;
    vertical-align: text-bottom;
    padding-right: 5px;
    }
    .selectLanguage {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    }
    .languageLabel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: middle;
    }

    #phone {
    float: right;
    width: 154px;
    margin-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bolder;
    color: #000000;
    font-size: 10px;
    text-align: right;
    margin-top: 5px;
    }
    #logo {
    width:215px;
    float: left;
    margin-bottom: 5px;
    height: 33px;

    }
    #content_main {
    width: 482px;
    margin-right: 10px;
    margin-bottom: 15px; height:33;
    float: left;
    }

    .content_main_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #8C8C8C;
    font-weight: normal;
    margin-top: 5px;
    }

    .content_main_text a {color: #136798; text-decoration: none;}
    .content_main_text a:visited {color: #136798; text-decoration: none;}
    .content_main_text a:hover {color: #3398C3;text-decoration: underline;}
    .content_main_text a:active {color: #FFFFFF;background-color:#136798}

    .h1_content {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #EB9625;
    font-size: 19px;
    font-weight: bolder;
    display: inline;
    line-height: 20px;
    }

    .h2_content {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #136798;
    font-size: 18px;
    font-weight: bolder;
    display: inline;
    line-height: 20px;
    }
    #topNav {
    float: right;
    width: 360px;
    z-index:2000;
    margin-bottom: 4px;
    margin-top: 22px;
    padding: 0px;
    }
    #navcontainer {
    float: left;
    clear:left;
    white-space: nowrap;
    }
    #navcontainer ul
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    clear: left;
    width: 215px;
    }

    #navcontainer a {
    display: block;
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    }

    #navcontainer a:hover {
    background-color: #EBEEEE;
    color: #000000;
    }

    #navcontainer li a {
    display: block;
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    }
    #navcontainer li li a
    {
    display: block;
    color: #000000;
    background-color: #DFE3E3;
    text-decoration: none;
    border-bottom: 1px solid #BCBCBC;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
    margin-top: 0px;
    margin-bottom: 0px;
    }

    #flashbar {
    float: left;
    height: 144px;
    width: 510px;
    margin-bottom: 10px;
    padding: 0px;
    z-index: 2;

    }
    #left_side_resource {
    float: right;
    border-left: 1px solid #ccc;
    font-size: 14px;
    width: 55px;
    width: 100px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    #quickdemo {
    float: left;
    height: 108px;
    width: 234px;
    margin-bottom: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #3398BE;

    }
    .imgQuickDemo {
    display: inline;
    padding: 3px;
    vertical-align: middle;
    float: left;

    }
    .imgQuickDemo2 {
    vertical-align: middle;
    }

    .h2_productEvaluation {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #136798;
    font-size: 18px;
    font-weight: bolder;
    display: block;
    line-height: 20px;
    margin-bottom: 5px;
    }

    h3{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: inline;
    margin-bottom: 0px;
    }
    .hooverSolutions {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size:12px;
    font-weight:bolder;
    margin-top: 8px;
    display: block;
    white-space: nowrap;
    clear: left;
    width: 10%;

    }
    a.hooverSolutions:link {color: #136798;text-decoration: none;}
    a.hooverSolutions:visited {color: #136798;text-decoration: none;}
    a.hooverSolutions:hover {color: #3398C3;text-decoration: underline;}
    a.hooverSolutions:active {color: #FFFFFF;background-color:#136798}

    #developer_solutions {
    float: left;
    width: 232px;
    margin-bottom: 0px;
    margin-right:12px;
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #999999;
    padding-right: 2px;
    }

    #isp_solutions {
    float: left;
    width: 232px;
    margin-bottom: 15px;
    margin-right:12px;
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #999999;
    padding-right: 2px;
    }

    #merchant_solutions {
    float: left;
    width: 232px;
    margin-bottom: 15px;
    margin-right:0px;
    }

    .solutions_paragraphs {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    margin-top: 5px;
    display: block;
    padding: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    }

    #mainproduct { display: block;

    }

    #bottomContent {
    width: 726px;
    padding-top: 5px;
    border-top-style: solid;
    border-top-color: #999999;
    border-top-width: 1px;
    float: left;
    height: 130px;

    }
    #affiliations {
    width: 726px;
    padding-top: 5px;
    border-top-style: solid;
    border-top-color: #999999;
    border-top-width: 1px;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    vertical-align: middle;
    }
    #affiliations p {
    color:#136798;
    font-size: 12px;
    margin-bottom:0
    }
    #affiliations img {
    display: inline;
    padding: 3px;
    vertical-align: middle;

    }

    #news {
    float: left;
    width: 232px;
    margin-bottom: 15px;
    margin-right:12px;
    padding-right: 2px;
    }
    #topFeatures {
    float: left;
    width: 232px;
    margin-bottom: 15px;
    margin-right:12px;
    padding-right: 2px;
    }
    #resources {
    float: left;
    width: 232px;
    margin-bottom: 15px;
    margin-right:0px;
    }

    #footer {
    width: 760px;
    padding-top: 5px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    margin-top: 10px;
    }
    #divider {
    width: 100%;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    display: block;
    margin-bottom: 10px;
    }
    #maincontent_holder {
    width: 555px;
    float: left;
    }
    .imgClass {width:100%}
    a:link {color:#666666;text-decoration: none;}
    a:visited {color: #666666;text-decoration: underline;}
    a:hover {color:#999999;text-decoration: none;}
    a:active {color: #999999}
    </style>
    <style type="text/css" media="handheld">
    <!--
    @import url("lib/handheld.css");
    -->
    </style>
    </head>
    <body>
    <div id="mainH1">
    <h1 class="h1_1">H1 content </h1>
    <h2 class="h1_2">H2 content </h2>
    </div>
    <div id="container">
    <div id="mainContentContainer">
    <div id="int">International Sites <a href="/sp/"></a></div>
    <div id="phone">Contact phone number </div>
    <div id="logo">
    <a href="/">Company logo </a>
    </div>
    <!-- Start Navigation Menu -->
    <div id="topNav">
    Foldable Menu
    </div>
    <div id="divider"><img src="images/divider_solid.gif" width="31" height="1"
    class="imgClass" /></div>
    <div id="maincontent_holder">
    <h1 class="h1_content">Fireworks Problem with Div </h1>
    <p class="content_main_text">This is the area that usualy overflows the main
    container.</p>
    <p class="content_main_text">&nbsp;</p>
    <p class="content_main_text">This can grow very long </p>
    </div>
    <div id="left_side_resource">
    <p>Either container should be able to push the box to grow </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp; </p>
    </div>
    </div>
    </div>
    <div id="footer" class="clearfix"><a href="/">Home </a>| News Archive | About
    Us | Newsletter | Site Map <br />
    Footer area All rights reserved </div>
    </body>
    </html>

    Ad Bec Guest

  2. Similar Questions and Discussions

    1. CF 7.0.1 BUG - error logs 3GB !! and growing
      windows 2003 - no spk CF 7.0.1 enterprise updated macromedia jdbc drivers Hi our coldfusion server error logs are massive, i can stop an...
    2. Solving Color Management problem once and for all
      go to C:\WINDOWS\system32\spool\drivers\color and drag out the "BlackWhite.icc" and FH color management works again. If still doesn't works,...
    3. /var/adm/cron/log with 5L is growing too fast
      Hi everybody! I have a short question: Right now there is written a message in /var/adm/cron/log on every start and finish of a cronjob. ...
    4. Growing
      "Paul" <paul.brown@nissan-usa.com> wrote in message news:062901c34f9a$616f0710$a001280a@phx.gbl... There is a kludge method for this, but only if...
    5. JDBC type 4 and a growing SQL.LOG
      Hi, I'm using a IBM JDBC type 4 driver to connect to a 8.2 DB2 database (on a Windows client). While running the application I saw that there is...
  3. #2

    Default Re: Solving div overflow in firefox - box not growing with content

    Which container div?

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "Ad Bec" <webforumsuser@macromedia.com> wrote in message
    news:dqlc53$b3k$1@forums.macromedia.com...
    > Hi all,
    >
    >
    > I wonder if someone could take a look at the attached code and tell me how
    > I
    > can make the content boxes grow the container div in the attached example.
    >
    > Thank you very much!
    >
    >
    >
    > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    > <html xmlns="http://www.w3.org/1999/xhtml">
    > <head>
    > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    > <meta http-equiv="pragma" content="no-cache" />
    > <title>PAge Title</title>
    > <meta content="Keywords" name="keywords" />
    > <meta content="description" name="description" />
    > <meta content="My Name" name="author" />
    > <!--
    > -->
    > <style type="text/css" media="screen,projection">
    > /* CSS Document */
    > body {
    > background: #eee url("../images/bg_body.jpg") center bottom repeat-x;
    > margin: 0px 0 10px;
    > }
    > #mainH1 {
    > display: block;
    > margin: 0 auto;
    > width: 760px;
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: 10px;
    > color: #636263;
    > }
    > .h1_1 {
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: 10px;
    > display: inline;
    > }
    > .h1_2 {
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: 10px;
    > display: inline;
    > margin-left: 285px;
    > text-align: right;
    > margin-right: 0px;
    > }
    >
    > #container {
    > background: #fff url(../images/bg_raster.gif) no-repeat left bottom;
    > display: block;
    > margin: 0 auto;
    > width: 760px;
    > text-align: left;
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: 10px;
    > font-weight: bolder;
    > min-height: 75em; height:75em;
    > clear: both;
    > }
    > #mainContentContainer {
    > clear: both;
    > padding-left:17px;
    > padding-right:17px;
    > }
    > #int {
    > width: 235px;
    > float: left;
    > padding: 2px;
    > margin-bottom: 15px;
    > margin-right: 331px;
    > margin-top: 5px;
    > }
    > #int img {
    > display: inline;
    > vertical-align: text-bottom;
    > padding-right: 5px;
    > }
    > .selectLanguage {
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: 10px;
    > }
    > .languageLabel {
    > font-family: Arial, Helvetica, sans-serif;
    > font-size: 12px;
    > vertical-align: middle;
    > }
    >
    > #phone {
    > float: right;
    > width: 154px;
    > margin-bottom: 5px;
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-weight: bolder;
    > color: #000000;
    > font-size: 10px;
    > text-align: right;
    > margin-top: 5px;
    > }
    > #logo {
    > width:215px;
    > float: left;
    > margin-bottom: 5px;
    > height: 33px;
    >
    > }
    > #content_main {
    > width: 482px;
    > margin-right: 10px;
    > margin-bottom: 15px; height:33;
    > float: left;
    > }
    >
    > .content_main_text {
    > font-family: Arial, Helvetica, sans-serif;
    > font-size: 12px;
    > color: #8C8C8C;
    > font-weight: normal;
    > margin-top: 5px;
    > }
    >
    > .content_main_text a {color: #136798; text-decoration: none;}
    > .content_main_text a:visited {color: #136798; text-decoration: none;}
    > .content_main_text a:hover {color: #3398C3;text-decoration: underline;}
    > .content_main_text a:active {color: #FFFFFF;background-color:#136798}
    >
    > .h1_content {
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > color: #EB9625;
    > font-size: 19px;
    > font-weight: bolder;
    > display: inline;
    > line-height: 20px;
    > }
    >
    > .h2_content {
    > font-family: Geneva, Arial, Helvetica, sans-serif;
    > color: #136798;
    > font-size: 18px;
    > font-weight: bolder;
    > display: inline;
    > line-height: 20px;
    > }
    > #topNav {
    > float: right;
    > width: 360px;
    > z-index:2000;
    > margin-bottom: 4px;
    > margin-top: 22px;
    > padding: 0px;
    > }
    > #navcontainer {
    > float: left;
    > clear:left;
    > white-space: nowrap;
    > }
    > #navcontainer ul
    > {
    > margin: 0;
    > padding: 0;
    > list-style-type: none;
    > float: left;
    > clear: left;
    > width: 215px;
    > }
    >
    > #navcontainer a {
    > display: block;
    > color: #FFF;
    > text-decoration: none;
    > border-bottom: 1px solid #fff;
    > font-weight: bold;
    > }
    >
    > #navcontainer a:hover {
    > background-color: #EBEEEE;
    > color: #000000;
    > }
    >
    > #navcontainer li a {
    > display: block;
    > color: #000000;
    > text-decoration: none;
    > border-bottom: 1px solid #fff;
    > font-weight: bold;
    > }
    > #navcontainer li li a
    > {
    > display: block;
    > color: #000000;
    > background-color: #DFE3E3;
    > text-decoration: none;
    > border-bottom: 1px solid #BCBCBC;
    > font-weight: bold;
    > font-size: 11px;
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > padding-top: 5px;
    > padding-bottom: 5px;
    > padding-left: 4px;
    > margin-top: 0px;
    > margin-bottom: 0px;
    > }
    >
    > #flashbar {
    > float: left;
    > height: 144px;
    > width: 510px;
    > margin-bottom: 10px;
    > padding: 0px;
    > z-index: 2;
    >
    > }
    > #left_side_resource {
    > float: right;
    > border-left: 1px solid #ccc;
    > font-size: 14px;
    > width: 55px;
    > width: 100px;
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > }
    > #quickdemo {
    > float: left;
    > height: 108px;
    > width: 234px;
    > margin-bottom: 15px;
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: 12px;
    > font-weight: bolder;
    > color: #3398BE;
    >
    > }
    > .imgQuickDemo {
    > display: inline;
    > padding: 3px;
    > vertical-align: middle;
    > float: left;
    >
    > }
    > .imgQuickDemo2 {
    > vertical-align: middle;
    > }
    >
    > .h2_productEvaluation {
    > font-family: Geneva, Arial, Helvetica, sans-serif;
    > color: #136798;
    > font-size: 18px;
    > font-weight: bolder;
    > display: block;
    > line-height: 20px;
    > margin-bottom: 5px;
    > }
    >
    > h3{
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: 12px;
    > display: inline;
    > margin-bottom: 0px;
    > }
    > .hooverSolutions {
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > text-decoration: none;
    > font-size:12px;
    > font-weight:bolder;
    > margin-top: 8px;
    > display: block;
    > white-space: nowrap;
    > clear: left;
    > width: 10%;
    >
    > }
    > a.hooverSolutions:link {color: #136798;text-decoration: none;}
    > a.hooverSolutions:visited {color: #136798;text-decoration: none;}
    > a.hooverSolutions:hover {color: #3398C3;text-decoration: underline;}
    > a.hooverSolutions:active {color: #FFFFFF;background-color:#136798}
    >
    > #developer_solutions {
    > float: left;
    > width: 232px;
    > margin-bottom: 0px;
    > margin-right:12px;
    > border-right-width: 1px;
    > border-right-style: dotted;
    > border-right-color: #999999;
    > padding-right: 2px;
    > }
    >
    > #isp_solutions {
    > float: left;
    > width: 232px;
    > margin-bottom: 15px;
    > margin-right:12px;
    > border-right-width: 1px;
    > border-right-style: dotted;
    > border-right-color: #999999;
    > padding-right: 2px;
    > }
    >
    > #merchant_solutions {
    > float: left;
    > width: 232px;
    > margin-bottom: 15px;
    > margin-right:0px;
    > }
    >
    > .solutions_paragraphs {
    > font-family: Arial, Helvetica, sans-serif;
    > font-size: 12px;
    > color: #666666;
    > font-weight: normal;
    > margin-top: 5px;
    > display: block;
    > padding: 0px;
    > margin-right: 0px;
    > margin-bottom: 0px;
    > margin-left: 0px;
    > }
    >
    > #mainproduct { display: block;
    >
    > }
    >
    > #bottomContent {
    > width: 726px;
    > padding-top: 5px;
    > border-top-style: solid;
    > border-top-color: #999999;
    > border-top-width: 1px;
    > float: left;
    > height: 130px;
    >
    > }
    > #affiliations {
    > width: 726px;
    > padding-top: 5px;
    > border-top-style: solid;
    > border-top-color: #999999;
    > border-top-width: 1px;
    > float: left;
    > font-weight: bold;
    > margin-bottom: 10px;
    > vertical-align: middle;
    > }
    > #affiliations p {
    > color:#136798;
    > font-size: 12px;
    > margin-bottom:0
    > }
    > #affiliations img {
    > display: inline;
    > padding: 3px;
    > vertical-align: middle;
    >
    > }
    >
    > #news {
    > float: left;
    > width: 232px;
    > margin-bottom: 15px;
    > margin-right:12px;
    > padding-right: 2px;
    > }
    > #topFeatures {
    > float: left;
    > width: 232px;
    > margin-bottom: 15px;
    > margin-right:12px;
    > padding-right: 2px;
    > }
    > #resources {
    > float: left;
    > width: 232px;
    > margin-bottom: 15px;
    > margin-right:0px;
    > }
    >
    > #footer {
    > width: 760px;
    > padding-top: 5px;
    > margin-right: auto;
    > margin-left: auto;
    > clear: both;
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: 10px;
    > color: #666666;
    > margin-top: 10px;
    > }
    > #divider {
    > width: 100%;
    > border-bottom-width: 10px;
    > border-bottom-style: solid;
    > border-bottom-color: #FFFFFF;
    > display: block;
    > margin-bottom: 10px;
    > }
    > #maincontent_holder {
    > width: 555px;
    > float: left;
    > }
    > .imgClass {width:100%}
    > a:link {color:#666666;text-decoration: none;}
    > a:visited {color: #666666;text-decoration: underline;}
    > a:hover {color:#999999;text-decoration: none;}
    > a:active {color: #999999}
    > </style>
    > <style type="text/css" media="handheld">
    > <!--
    > @import url("lib/handheld.css");
    > -->
    > </style>
    > </head>
    > <body>
    > <div id="mainH1">
    > <h1 class="h1_1">H1 content </h1>
    > <h2 class="h1_2">H2 content </h2>
    > </div>
    > <div id="container">
    > <div id="mainContentContainer">
    > <div id="int">International Sites <a href="/sp/"></a></div>
    > <div id="phone">Contact phone number </div>
    > <div id="logo">
    > <a href="/">Company logo </a>
    > </div>
    > <!-- Start Navigation Menu -->
    > <div id="topNav">
    > Foldable Menu
    > </div>
    > <div id="divider"><img src="images/divider_solid.gif" width="31"
    > height="1"
    > class="imgClass" /></div>
    > <div id="maincontent_holder">
    > <h1 class="h1_content">Fireworks Problem with Div </h1>
    > <p class="content_main_text">This is the area that usualy overflows the
    > main
    > container.</p>
    > <p class="content_main_text">&nbsp;</p>
    > <p class="content_main_text">This can grow very long </p>
    > </div>
    > <div id="left_side_resource">
    > <p>Either container should be able to push the box to grow </p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp;</p>
    > <p>&nbsp; </p>
    > </div>
    > </div>
    > </div>
    > <div id="footer" class="clearfix"><a href="/">Home </a>| News Archive |
    > About
    > Us | Newsletter | Site Map <br />
    > Footer area All rights reserved </div>
    > </body>
    > </html>
    >

    Murray *TMM* Guest

  4. #3

    Default Re: Solving div overflow in firefox - box not growingwith content

    Have you solved this problem yet? I am having the exact same problem! Please let me know if you solve it, I would be most grateful! :)

    Rach
    [email]iego_daughter@hotmail.com[/email]
    Rach19 Guest

  5. #4

    Default Re: Solving div overflow in firefox - box not growingwith content

    Have you solved this problem yet? I am having the exact same problem! Please let me know if you solve it, I would be most grateful! :)

    Rach
    [email]iego_daughter@hotmail.com[/email]
    Rach19 Guest

  6. #5

    Default Re: Solving div overflow in firefox - box not growing with content

    It's not soluble. But please recount your symptoms, and post a link to your
    page and maybe someone can tell you about alternative methods.

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "Rach19" <webforumsuser@macromedia.com> wrote in message
    news:e2h0rl$b24$1@forums.macromedia.com...
    > Have you solved this problem yet? I am having the exact same problem!
    > Please let me know if you solve it, I would be most grateful! :)
    >
    > Rach
    > [email]iego_daughter@hotmail.com[/email]

    Murray *ACE* Guest

  7. #6

    Default Re: Solving div overflow in firefox - box not growingwith content

    >how I can make the content boxes grow the container div in the attached
    example.

    CSS:
    .clear {
    clear: both;
    }

    HTML:
    <p>&nbsp; </p>
    </div>
    <div class="clear"></div></div>
    </div>
    <div id="footer" class="clearfix"><a href="/">Home </a>| News Archive | About
    Us | Newsletter | Site Map <br>
    Footer area All rights reserved </div>

    >It's not soluble.
    It's very possible that I didn't get the question right...


    Excavatorak Guest

  8. #7

    Default Re: Solving div overflow in firefox - box not growing with content

    Hard to know without the explicit symptoms....

    My guess is that absolute positioning is the culprit.

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "Excavatorak" <stewart@nopeople.com> wrote in message
    news:e2h9rd$l2c$1@forums.macromedia.com...
    > >how I can make the content boxes grow the container div in the attached
    > example.
    >
    > CSS:
    > .clear {
    > clear: both;
    > }
    >
    > HTML:
    > <p>&nbsp; </p>
    > </div>
    > <div class="clear"></div></div>
    > </div>
    > <div id="footer" class="clearfix"><a href="/">Home </a>| News Archive |
    > About
    > Us | Newsletter | Site Map <br>
    > Footer area All rights reserved </div>
    >
    >
    > >It's not soluble.
    > It's very possible that I didn't get the question right...
    >
    >

    Murray *ACE* Guest

Posting Permissions

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139