We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.


Posted By

nealwatkins on 07/13/07


Tagged

width - round expand fixed vert


Versions (?)


Who likes this?

1 person has marked this snippet as a favorite

basicmagic


round - fixed width - expand vert


Published in: CSS 


URL: round - fixed width - expand vert

  1. <style>
  2.  
  3. div.middle {
  4. width: 335px;
  5. background-image: url(middle.png);
  6. background-repeat: repeat-y;
  7. }
  8. div.top {
  9. background-image: url(top.png);
  10. background-position: top left;
  11. background-repeat: no-repeat;
  12. }
  13. div.bottom {
  14. background-image: url(bottom.png);
  15. background-position: bottom left;
  16. background-repeat: no-repeat;
  17. padding: 40px 15px 30px 20px;
  18. }
  19.  
  20.  
  21. </style>
  22. <h4> Round - Expands Vertically </h4>
  23.  
  24. <div class="middle">
  25. <div class="top">
  26. <div class="bottom">
  27.  
  28. <div class="startConfContent">
  29. sgbadfbadfbadfbadfbadfb
  30. adfbadfbadfbadfb
  31. adfbadfbadfbadfbadfbadfb
  32.  
  33. </div> <!-- // end startConfContent -->
  34.  
  35. </div> <!-- // end bottom -->
  36.  
  37. </div> <!-- // end top -->
  38. </div> <!-- // end middle -->

Report this snippet 

You need to login to post a comment.