Witam,
mam problem, który pochłonął mi już sporo czasu, a rozwiązania coś nie widać. Otóż chcę wrzuć na stronę na środek obrazek o nieustalonej szerokości. poniżej obrazka chcę wrzucić pasek, na którym umieszczę sobie podpis - coś w stylu lightbox. problem w tym, że lightBox pobiera wartości z JS, a ja chcę tego unikać.

Tłumaczyć można dużo, ale najłatwiej zrozumieć widząc kod:
[HTML] pobierz, plaintext 
  1. <head>  
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  3. <style>  
  4. body{
  5. margin: 0;
  6. padding: 0;
  7. width: 100%;
  8. height: 100#;
  9. background-color:#666;
  10. }  
  11.  
  12.     .position{  
  13.           margin: 100px;  
  14.           text-align:center;  
  15.     }  
  16.  
  17.     #description{  
  18.        height: 40px;  
  19.        background-color:#FFF;  
  20.     }  
  21.     </style>  
  22.     </head>  
  23.     <body>  
  24.        <div class="position">  
  25.           <img src="http://thumbs.dreamstime.com/thumb_225/1199982803G49B8n.jpg" >  
  26.             <div id="description">test</div>  
  27.         </div>  
  28.     </body>  
  29.     </html>
[HTML] pobierz, plaintext

wykombinowałem jedno rozwiązanie, ale średnio mnie satysfakcjonuje - mogę wstawić na dolną krawędź obrazka 30 px białego borderka, ale to jest sztywna wielość, a może będzie kilka linijek opisu, wiec dmuchając na zimne prosił bym o wsparcie bardziej elastycznym pomysłem.

dzięki
pozdrawiam