Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 30th, 2012  |  syntax: None  |  size: 0.92 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Positioning adverts div element between ordered div elements within one class
  2. <div class="content">
  3.   <div id="content_head">
  4.     <!--CONTENT HEAD CODE-->
  5.   </div>
  6.   <div id="between_ads">
  7.     <!-- ADS HERE -->
  8.   </div>
  9.   <div id="content_middle">
  10.     <!--CONTENT MIDDLE CODE-->
  11.   </div>
  12. </div>
  13.        
  14. .content
  15. {
  16.   position: relative;
  17.   width: 75%;
  18.   float: left;
  19.   left: -52px;
  20.   margin: 5px 0 10px 0;
  21.   border-right: 1px solid #D9D9D9;
  22. }
  23.  
  24. .content #content_head
  25. {
  26.   /*position: relative;*/
  27.   width: 100%;
  28.   float: left;
  29.   border-bottom: 1px solid #D9D9D9;
  30. }
  31.  
  32. .content #content_middle
  33. {
  34.   /*position: relative;*/
  35.   width: 100%;
  36.   float: left;
  37.   margin: 5px 0 0 0;
  38.   border-top: 1px solid #D9D9D9;
  39.   border-bottom: 1px solid #D9D9D9;
  40. }
  41.  
  42. /*BETWEEN ADVERTS*/
  43. .content #between_ads
  44. {
  45.   position: static;
  46.   width: 100%;/*737px;*/
  47.   height: 10px;
  48.   /*margin: 302px 0 0 -17px;*/
  49.   margin: auto;
  50.   padding: 0;
  51.   background: #000;
  52. }
  53. /*BETWEEN ADVERTS*/