SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2005
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question huge gap when clearing floats in FF > where is it coming from?

    Hello!

    I am trying to clear 2 floats but am experiencing some issues with Firefox where a huge gap is created above the clearer. Could the fact that these floats are located within a container that has its width set to auto (fluid div within a 3 column layout) cause this? If so, how can that be resolved?

    I'm not sure what code to post since the cause is unknown to me, but the "bug" can be seen in action here. I've bordered in the 2 floating containers.

    Any help in diagnosing the problem would be greatly appreciated!

    Thanks!

  2. #2
    SitePoint Wizard gRoberts's Avatar
    Join Date
    Oct 2004
    Location
    Birtley, UK
    Posts
    2,439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ignore my post


  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2005
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    gRoberts, thanks for your reply. Your suggestion does not work, however, and I need the paragraph to be inside the header. Any other ideas?

  4. #4
    SitePoint Wizard gRoberts's Avatar
    Join Date
    Oct 2004
    Location
    Birtley, UK
    Posts
    2,439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry, well I noticed the white coupon boxes with the abcinc.com images in were not in the header white box. Hense being outside the white box, intended or not I don't know.

    I was able to get them into the white box but when you apply the clear_all it shifts down to the bottom of the left column.


  5. #5
    SitePoint Enthusiast
    Join Date
    Mar 2005
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    exactly...and therein lies the problem

  6. #6
    SitePoint Wizard gRoberts's Avatar
    Join Date
    Oct 2004
    Location
    Birtley, UK
    Posts
    2,439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well place them in the header box. Thats what I mean, the header box is closed before the coupon boxes are even created.


  7. #7
    SitePoint Enthusiast
    Join Date
    Mar 2005
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not sure I understand what you're suggesting to do? Place the coupon boxes inside the header? If so, then that doesn't make sense considering the way the content needs to be presented.

  8. #8
    SitePoint Wizard gRoberts's Avatar
    Join Date
    Oct 2004
    Location
    Birtley, UK
    Posts
    2,439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    <!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=iso-8859-1" />
    <title>Coupon Craze</title>
    <link href="http://dev.byunit4.net/xhtmlized/CouponCraze/stylesheet/screen.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 7]><link rel="stylesheet" href="http://dev.byunit4.net/xhtmlized/CouponCraze/stylesheet/default.ie.css" type="text/css"  media="screen, projection" /><![endif]-->
    <script language="javascript" src="http://dev.byunit4.net/xhtmlized/CouponCraze/javascript/minmax.js" type="text/javascript"></script>
    </head>
    <body>
    <ul id="accessibility">
      <li><a href="#main">Jump to main</a></li>
      <li><a href="#navigation">Jump to navigation</a></li>
    
    </ul>
    <!-- / END ACCESSIBILITY NAVIGATION -->
    <div id="container">
      <div id="three_column_wrap">
        <div id="two_column_wrap">
          <div id="left_column">
            <div class="side_panel">
              <h3>Free Newsletter</h3>
              <div class="side_panel_content">
                <form action="action.php">
    
                  <fieldset>
                  <p>Sign up to get: Free Coupons, Coupon Codes and the latest Store Discounts by Email Today!</p>
                  <input type="text" name="" value="Enter Your Email" class="field" />
                  <input name="" type="image" src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/btn_go.gif" alt="GO" class="img_button" />
                  </fieldset>
                </form>
              </div>
            </div>
    
            <!-- / END SIDE PANEL-->
            <div id="categories" class="side_panel">
              <h3>Coupon Categories</h3>
              <div class="side_panel_content">
                <ul>
                  <li class="category_01"><a href="#">New Stores &amp; Coupons</a></li>
                  <li class="category_02"><a href="#" class="single_line"> My Coupons</a></li>
    
                  <li class="category_03"><a href="#">Popular Coupon Deals</a></li>
                  <li class="category_04"><a href="#">Arts &amp; Craft Coupons</a></li>
                  <li class="category_05"><a href="#">Automotive Coupons</a></li>
                  <li class="category_06"><a href="#">Book Store Coupons</a></li>
                  <li class="category_07"><a href="#">Cellular Phone Coupons</a></li>
    
                  <li class="category_08"><a href="#">Children &amp; Baby Coupons</a></li>
                  <li class="category_09"><a href="#">Clearance &amp; Outlet Stores</a></li>
                  <li class="category_10"><a href="#" class="single_line"> Clothing Coupons</a></li>
                  <li class="category_11"><a href="#">Computer &amp; Software Coupons</a></li>
    
                  <li class="category_12"><a href="#">Electronics Coupons</a></li>
                  <li class="category_13"><a href="#">Flower Store Coupons Codes</a></li>
                  <li class="category_14"><a href="#">Food Stores &amp; Grocery Coupons</a></li>
                  <li class="category_15"><a href="#">Free Shipping Coupons Codes</a></li>
                  <li class="category_16"><a href="#">Free Stuff Random Coupons &amp; Codes</a></li>
    
                  <li class="category_17"><a href="#">Furniture Store Coupons</a></li>
                  <li class="category_18"><a href="#" class="last">Gift Store<br />
                    Coupons</a></li>
                </ul>
              </div>
            </div>
            <!-- / END SIDE PANEL-->
    
          </div>
          <!-- LEFT COLUMN-->
          <div id="main">
            <div id="content">
              <div id="header" class="white_panel">
                  <div id="logo"><h1><a href="index.html">Coupon Craze<em title="Coupon Craze"></em></a></h1><p class="tagline">Welcome to Coupon Craze Where The Rules Are Simple... You Save Money!</p></div>
                    <ul id="main_menu">
                      <li><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/mm-icn_new.gif" alt="" width="25" height="25" /> Today's Deals</a></li>
    
                      <li class="wide"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/mm-icn_store-listing.gif" alt="" width="25" height="25" /> Store Listing</a></li>
                      <li><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/mm-icn_soon.gif" alt="" width="25" height="25" /> Expiring Soon</a></li>
                      <li class="wide"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/mm-icn_print.gif" alt="" width="25" height="25" /> Print Local Coupons</a></li>
                      <li><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/mm-icn_calendar.gif" alt="" width="25" height="25" /> Recent Deals</a></li>
                      <li class="wide"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/mm-icn_bargain-finder.gif" alt="" width="25" height="25" /> Bargain Finder</a></li>
    
                      <li><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/mm-icn_question.gif" alt="" width="25" height="25" /> Help &amp; FAQ</a></li>
                      <li class="wide"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/mm-icn_sale.gif" alt="" width="25" height="25" /> Current Rebates</a></li>
                    </ul>        
                    
    <div id="todays_deals" class="red_panel">
      <div class="red_panel_hd">
        <div class="corner"></div>
      </div>
      <div class="red_panel_body">
        <div class="corner">
          <div class="content">
    
            <!-- content area -->
            <h2>Today's New Deals</h2>
            <div class="column_wrap">
              <div class="date">Wed * Jan 4, 2006</div>
              <div><a href="#" class="light_yellow">Click here for recent deals</a></div>
              <div class="select_merchant">
                <form action="action.php">
    
                  <select name="month">
                    <option value="" selected="selected">Select a merchant</option>
                  </select>
                </form>
              </div>
            </div>
            <!-- / END RED PANEL CONTENT AREA -->
          </div>
    
        </div>
      </div>
      <div class="red_panel_ft">
        <div class="corner"></div>
      </div>
    </div>
    <!-- / END RED PANEL -->          <p class="intro"><strong>Save money with online coupons or coupon codes from Coupon Craze!</strong> With an online coupon code from Coupon Craze, you can always get a great deal. Our online coupons and online coupon codes save you tons of money with shipping and purchase price discounts at hundreds of popular online stores and best of all, it's FREE! So, why pay full price? <strong>Just use FREE ONLINE COUPONS AND COUPON CODES from Coupon Craze!</strong></p>
    
              <div class="white_panel">
                <div class="white_panel">
                  <div class="breadcrumbs"><a href="#">Coupon Craze</a> &gt; <a href="#">Coupons</a> &gt; <a href="#">A</a> &gt; <a href="#">ABCink.com</a>&gt; Online Coupons, Coupon Codes and Deals</div>
    
                  <h2>ABCink.com<br />
                    <a href="#">[ Ink Cartridges ]</a></h2>
                  <div class="store_menu">
                    <div class="store_logo"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/logo_abcink.gif" alt="" width="120" height="60" /></a></div>
                    <ul>
                      <li class="first_col"><a href="#">&rsaquo; Click for all coupons</a></li>
                      <li><a href="#">? Help</a></li>
    
                      <li class="first_col"><a href="#">&rsaquo; Save to my coupons</a></li>
                      <li><a href="#header">^ Back to top</a></li>
                    </ul>
                  </div>
                </div>
                <div class="white_panel_table">
                  <table width="100&#37;" border="0" cellspacing="0" cellpadding="0">
    
                    <tr class="bordered">
                      <th width="35" scope="col" class="th_green">&nbsp;</th>
                      <th width="100%"  align="left" class="th_main"><a href="#" class="light_yellow">10% off adidas sale section</a> </th>
                      <td width="144" colspan="2" class="gray_dark"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_redeem-coupon.gif" alt="" width="31" height="17" /> Redeem Coupon</a></td>
                    </tr>
                    <tr class="bordered">
                      <th align="center" class="coupon_panel" scope="row">New</th>
    
                      <td class="td_main"><strong>Code:</strong> AFFILRB9UTS9</td>
                      <td colspan="2" class="gray_light" nowrap="nowrap"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_popup-summary.gif" alt="" width="31" height="17" /> Pop-up Summary</a></td>
                    </tr>
                    <tr class="bordered">
                      <th align="center" class="th_yellow" scope="row">&nbsp;</th>
                      <td class="td_main"><strong>Expires:</strong> 1/9/05</td>
    
                      <td width="72" align="center" class="gray_dark bordered"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_email-coupon.gif" alt="" width="44" height="20" /></a></td>
                      <td width="72" align="center" class="gray_dark"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_dead-coupon.gif" alt="" width="31" height="20" /></a></td>
                    </tr>
                    <tr>
                      <th align="center" class="coupon_panel txt_highlight" scope="row">Soon</th>
                      <td colspan="3" class="td_main"><strong>Details:</strong> Enter coupon code during checkout</td>
                    </tr>
    
                  </table>
                </div>
              </div>
              <!-- / END STORE PANEL -->
              <div class="white_panel">
                <div class="white_panel">
                  <div class="breadcrumbs"><a href="#">Coupon Craze</a> &gt; <a href="#">Coupons</a> &gt; <a href="#">A</a> &gt; <a href="#">ABCink.com</a>&gt; Online Coupons, Coupon Codes and Deals</div>
    
                  <h2>ABCink.com<br />
                    <a href="#">[ Ink Cartridges ]</a></h2>
                  <div class="store_menu">
                    <div class="store_logo"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/logo_abcink.gif" alt="" width="120" height="60" /></a></div>
                    <ul>
                      <li class="first_col"><a href="#">&rsaquo; Click for all coupons</a></li>
                      <li><a href="#">? Help</a></li>
    
                      <li class="first_col"><a href="#">&rsaquo; Save to my coupons</a></li>
                      <li><a href="#header">^ Back to top</a></li>
                    </ul>
                  </div>
                </div>
                <div class="white_panel_table">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    
                    <tr class="bordered">
                      <th width="35" scope="col" class="th_green">&nbsp;</th>
                      <th width="100%"  align="left" class="th_main"><a href="#" class="light_yellow">10% off adidas sale section</a> </th>
                      <td width="144" colspan="2" class="gray_dark"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_redeem-coupon.gif" alt="" width="31" height="17" /> Redeem Coupon</a></td>
                    </tr>
                    <tr class="bordered">
                      <th align="center" class="coupon_panel txt_highlight" scope="row">New</th>
    
                      <td class="td_main"><strong>Code:</strong> AFFILRB9UTS9</td>
                      <td colspan="2" class="gray_light" nowrap="nowrap"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_popup-summary.gif" alt="" width="31" height="17" /> Pop-up Summary</a></td>
                    </tr>
                    <tr class="bordered">
                      <th align="center" class="th_brown" scope="row">&nbsp;</th>
                      <td class="td_main"><strong>Expires:</strong> 1/9/05</td>
    
                      <td width="72" align="center" class="gray_dark bordered"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_email-coupon.gif" alt="" width="44" height="20" /></a></td>
                      <td width="72" align="center" class="gray_dark"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_dead-coupon.gif" alt="" width="31" height="20" /></a></td>
                    </tr>
                    <tr>
                      <th align="center" class="coupon_panel" scope="row">Soon</th>
                      <td colspan="3" class="td_main"><strong>Details:</strong> Enter coupon code during checkout</td>
                    </tr>
    
                  </table>
                </div>
              </div>
              <!-- / END STORE PANEL -->
              <div class="white_panel">
                <div class="white_panel">
                  <div class="breadcrumbs"><a href="#">Coupon Craze</a> &gt; <a href="#">Coupons</a> &gt; <a href="#">A</a> &gt; <a href="#">ABCink.com</a>&gt; Online Coupons, Coupon Codes and Deals</div>
    
                  <h2>ABCink.com<br />
                    <a href="#">[ Ink Cartridges ]</a></h2>
                  <div class="store_menu">
                    <div class="store_logo"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/logo_abcink.gif" alt="" width="120" height="60" /></a></div>
                    <ul>
                      <li class="first_col"><a href="#">&rsaquo; Click for all coupons</a></li>
                      <li><a href="#">? Help</a></li>
    
                      <li class="first_col"><a href="#">&rsaquo; Save to my coupons</a></li>
                      <li><a href="#header">^ Back to top</a></li>
                    </ul>
                  </div>
                </div>
                <div class="white_panel_table">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    
                    <tr class="bordered">
                      <th width="35" scope="col" class="th_brown_green">&nbsp;</th>
                      <th width="100%"  align="left" class="th_main"><a href="#" class="light_yellow">10% off adidas sale section</a> </th>
                      <td width="144" colspan="2" class="gray_dark"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_redeem-coupon.gif" alt="" width="31" height="17" /> Redeem Coupon</a></td>
                    </tr>
                    <tr class="bordered">
                      <th align="center" class="coupon_panel" scope="row">New</th>
    
                      <td class="td_main"><strong>Code:</strong> AFFILRB9UTS9</td>
                      <td colspan="2" class="gray_light" nowrap="nowrap"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_popup-summary.gif" alt="" width="31" height="17" /> Pop-up Summary</a></td>
                    </tr>
                    <tr class="bordered">
                      <th align="center" class="th_yellow" scope="row">&nbsp;</th>
                      <td class="td_main"><strong>Expires:</strong> 1/9/05</td>
    
                      <td width="72" align="center" class="gray_dark bordered"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_email-coupon.gif" alt="" width="44" height="20" /></a></td>
                      <td width="72" align="center" class="gray_dark"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_dead-coupon.gif" alt="" width="31" height="20" /></a></td>
                    </tr>
                    <tr>
                      <th align="center" class="coupon_panel txt_highlight" scope="row">Soon</th>
                      <td colspan="3" class="td_main"><strong>Details:</strong> Enter coupon code during checkout</td>
                    </tr>
    
                  </table>
                </div>
              </div>
              <!-- / END STORE PANEL -->
              <div class="white_panel">
                <div class="white_panel">
                  <div class="breadcrumbs"><a href="#">Coupon Craze</a> &gt; <a href="#">Coupons</a> &gt; <a href="#">A</a> &gt; <a href="#">ABCink.com</a>&gt; Online Coupons, Coupon Codes and Deals</div>
    
                  <h2>ABCink.com<br />
                    <a href="#">[ Ink Cartridges ]</a></h2>
                  <div class="store_menu">
                    <div class="store_logo"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/logo_abcink.gif" alt="" width="120" height="60" /></a></div>
                    <ul>
                      <li class="first_col"><a href="#">&rsaquo; Click for all coupons</a></li>
                      <li><a href="#">? Help</a></li>
    
                      <li class="first_col"><a href="#">&rsaquo; Save to my coupons</a></li>
                      <li><a href="#header">^ Back to top</a></li>
                    </ul>
                  </div>
                </div>
                <div class="white_panel_table">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    
                    <tr class="bordered">
                      <th width="35" scope="col" class="th_brown_green">&nbsp;</th>
                      <th width="100%"  align="left" class="th_main"><a href="#" class="light_yellow">10% off adidas sale section</a> </th>
                      <td width="144" colspan="2" class="gray_dark"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_redeem-coupon.gif" alt="" width="31" height="17" /> Redeem Coupon</a></td>
                    </tr>
                    <tr class="bordered">
                      <th align="center" class="coupon_panel" scope="row">New</th>
    
                      <td class="td_main"><strong>Code:</strong> AFFILRB9UTS9</td>
                      <td colspan="2" class="gray_light" nowrap="nowrap"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_popup-summary.gif" alt="" width="31" height="17" /> Pop-up Summary</a></td>
                    </tr>
                    <tr class="bordered">
                      <th align="center" class="th_brown_orange" scope="row">&nbsp;</th>
                      <td class="td_main"><strong>Expires:</strong> 1/9/05</td>
    
                      <td width="72" align="center" class="gray_dark bordered"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_email-coupon.gif" alt="" width="44" height="20" /></a></td>
                      <td width="72" align="center" class="gray_dark"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/icn_dead-coupon.gif" alt="" width="31" height="20" /></a></td>
                    </tr>
                    <tr>
                      <th align="center" class="coupon_panel" scope="row">Soon</th>
                      <td colspan="3" class="td_main"><strong>Details:</strong> Enter coupon code during checkout</td>
                    </tr>
    
                  </table>
                </div>
              </div>
              <!-- / END STORE PANEL -->
                  <p class="clear_all">We provide <strong>free</strong> internet shopping store coupons &gt; <strong>online coupon codes</strong> &gt; free shipping coupons and <strong>discount coupon code</strong> store savings.</p>
    
              </div>
                       <!-- / END HEADER -->
            </div>
          </div>
          <!-- / END CONTENT DIV-->
        </div>
        <!-- / END TWO COLUMN WRAP -->
    
        <div id="right_column">
          <div class="side_panel">
            <h3>Coupon Merchants</h3>
            <div class="side_panel_content">
              <div class="merchants"><a href="#">A</a><a href="#">B</a><a href="#">C</a><a href="#">D</a><a href="#">E</a><a href="#">F</a><a href="#">G</a><a href="#">H</a><a href="#">I</a><a href="#">J</a><a href="#">K</a><a href="#">L</a><a href="#">M</a><a href="#">N</a><a href="#">O</a><a href="#">P</a><a href="#">Q</a><a href="#">R</a><a href="#">S</a><a href="#">T</a><a href="#">U</a><a href="#">V</a><a href="#">W</a><a href="#">X</a><a href="#">Y</a><a href="#">Z</a><a href="#">1</a><a href="#">3</a>
    
                <p class="clear_all"><a href="#" class="all_stores">All Stores [A - Z]</a></p>
              </div>
              <form action="action.php">
                <fieldset>
                <label>Site Search</label>
                <input type="text" name="" value="" class="field" />
                <input name="" type="image" src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/btn_go.gif" alt="GO" class="img_button" />
                </fieldset>
    
              </form>
            </div>
          </div>
          <!-- / END SIDE PANEL-->
          <div class="side_panel">
            <h3>Popular Deals</h3>
            <div class="side_panel_content">
              <ul>
    
                <li><a href="#">1800Contacts.com</a><br />
                  $20 to $60 off Select Products plus Free Shipping after Rebate</li>
                <li> <a href="#">Blockbuster.com Coupon Code</a><br />
                  $9.99 for first month, $17.99 each additional to Rent Movies, DVDs, and Games Online w/ No Late Fees and Free Shipping</li>
                <li><a href="#">Coastal Contacts Coupons</a><br />
                  Save 40-80% off Brand Name Contact Lenses at CoastalContacts.com plus Free Shipping and Free Sunglasses ($19 value) w/ $99 purchase</li>
    
                <li> <a href="#">DentalPlans.com</a><br />
                  Free 10% off Coupon for purchase of Dental Plans from $79/year plus 3 Additional Months Free ($40 value) and Bonus Benefits on Select Plans ($40 value)</li>
                <li><a href="#">eBags.com Coupons</a><br />
                  10% off purchase Coupon plus Free Shipping w/ $25 purchase</li>
                <li><a href="#">GoToMyPC.com Coupons</a><br />
                  Coupon for 10% off purchase of GoToMyPC to Access Your PC from Anywhere plus Free Trial</li>
    
                <li><a href="#">Kaplan.com</a><br />
                  Higher Test Scores Guaranteed (SAT, LSAT, GMAT, GRE, MCAT, DAT, OAT and More) or Your Money Back Free Store Coupon</li>
                <li><a href="#">myFICO.com Coupons</a><br />
                  10% off any purchase</li>
              </ul>
            </div>
          </div>
    
          <!-- / END SIDE PANEL-->
          <div class="side_panel">
            <h3 class="multi_line">Coupon Craze Site Tools</h3>
            <div class="side_panel_content">
              <ul class="link_list">
                <li><a href="#">Bookmark This Coupon Code Page</a></li>
                <li><a href="#">Send This Coupon Page To a Friend</a></li>
    
                <li><a href="#">Mobile Edition</a></li>
                <li><a href="#">Email Us</a></li>
                <li><a href="#">Compare Prices</a></li>
                <li><a href="#">Recent Stores</a></li>
                <li><a href="#">Quick Links</a></li>
              </ul>
    
            </div>
          </div>
          <!-- / END SIDE PANEL-->
          <div class="side_panel">
            <h3>Feeds</h3>
            <div class="side_panel_content">
              <ul class="link_list">
                <li><a href="#">XML / RSS</a></li>
    
                <li><a href="#">Add to My Yahoo</a></li>
              </ul>
            </div>
          </div>
          <!-- / END SIDE PANEL-->
          <div class="side_panel">
            <h3>As Seen On</h3>
            <div class="side_panel_content">
    
              <p align="center"><a href="#"><img src="http://dev.byunit4.net/xhtmlized/CouponCraze/images/logo_as-seen.gif" alt="" width="120" height="60" /></a></p>
            </div>
          </div>
          <!-- / END SIDE PANEL-->
        </div>
        <!--/ END RIGHT COLUMN DIV-->
      </div>
      <!--/ END THREE COLUMN WRAP -->
      <br class="clear" />
    
    </div>
    <!-- / END CONTAINER DIV -->
    </body>
    </html>


  9. #9
    SitePoint Enthusiast
    Join Date
    Mar 2005
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for giving it a shot, however the content below the header is not meant to go inside the header/the topmost white box.

    In any case, I resolved the problem by wrapping the 2 floats in a div, setting a fixed width and overflow:hidden.


Bookmarks

Posting Permissions

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