doc/bugs/empty_div_element.mdwn

   1 For some more flexibility in creating a stylesheet for ikiwiki, it would be nice if there were a few unused elements on the page that one can move around and assign content to using CSS.
   2
   3 For instance, something like this:
   4
   5     <div class='aux' id='aux1'></div>
   6     <div class='aux' id='aux2'></div>
   7
   8 etc. For bonus points, the number could be configurable. To avoid empty content, style.css should have something like this:
   9
  10     .aux {
  11         display: none;
  12     }
  13
  14 This can then be used to move things around. For instance, I have on my website's CSS stylesheet the following:
  15
  16     #aux1 {
  17         position: fixed;
  18         width: 150px;
  19         height: 150px;
  20         bottom: 0px;
  21         left: 0px;
  22         background-image: url("wouter3.png");
  23         background-position: top right;
  24         background-repeat: no-repeat;
  25         background-origin: content-box;
  26         display-block;
  27     }
  28
  29 which adds my hackergochi to the bottom left of the webpage, with some margin.
  30
  31 I tried looking for something like this, but I couldn't find it. Perhaps I just didn't look in the right places, though; apologies if that is the case.