bukwus Posted August 4, 2009 Share Posted August 4, 2009 HelloI'm building a page that has a background color and repeated background image.http://www.bdki.com/bdki2.0/In IE it's looking fine. In Firefox, the background stops once the page gets to the floating DIVs. Here's the relevant HTML: <div id="homeBody"> <!--Using P instead of H2 because H2 causes space above the left border in FF, but not in IE --> <p id="topTitle">Welcome</p> <p class="padR2">At Knowledge Institute, we bring innovation and collaboration to the world of entrepreneurial development and small business education. By uniting government, nonprofit economic development agencies and private sector leaders in business-to-business solutions, we are providing robust access to the following comprehensive resources tailored to the interests and needs of today's entrepreneurs:</p> <div class="twoColumn"> <h3>Education</h3> <p> Utilize free online, interactive curriculum to build entrepreneurial skills and knowledge: <div class="twoColumn"> <ul> <li>Courses</li> <li>Registration</li> </ul> </div> <div class="twoColumn"> <ul> <li>Textbooks</li> <li>Certification</li> </ul> </div> </p> <br clear="all" /> <br /> <h3>Professional Services</h3> <p> Advance outreach, inpact and value to entrepreneurs by securing KnowledgeInstitute services in areas of: <ul> <li>Strategic Marketing Campaigns</li> <li>Content Development (web/print)</li> <li>Educational Program Development</li> <li>Speaking Engagements/Lectures</li> </ul> </p> </div> <div id="leftBorder" class="twoColumn"> </div> </div> Here are the styles: #homeBody { width:75%; margin-left:232px; margin-top:10px; padding-left:10px; border-width:0px; border-style:solid; border-color:#C1D4EA; border-left-width:1px; }#topTitle { font-size:140%; color:#6C3081; font-weight:bold; }#leftBorder { padding-left:10px; border-width:0px; border-style:solid; border-color:#C1D4EA; border-left-width:1px; }.twoColumn { float:left; width:49%; } .padR2 { padding-right:20px; } Is there a way to have the background be consistent across the browsers?Many thanks Link to comment Share on other sites More sharing options...
dsonesuk Posted August 4, 2009 Share Posted August 4, 2009 try adding overflow:hidden;to #container Link to comment Share on other sites More sharing options...
bukwus Posted August 5, 2009 Author Share Posted August 5, 2009 Worked like a charm. Thank you. try adding overflow:hidden;to #container Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.