[CSS/HTML] Problem z overflow Opcje

[Kostek.88]

Czesc, mam taki kod:

[CSS] pobierz, plaintext 
.content {
   width: 500px;
   border: 2px solid #000;
   background: #fff;
   position: absolute;
   left: 50%;
   top: 50%;
   margin: -150px 0px 0px -250px;
}
 
dl {
 
}
 
dl dt {
   float: left;
}
 
dl dd {
   clear: both;
   margin: 0px 0px 0px 0px;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="content">
   <h1>Title</h1>
   <dl>
      <dt>tab 1</dt>
      <dd>content content content content content content content content content content content content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content </dd>
 
   <dt>tab 2</dt>
      <dd>content content content content content content content content content content content content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content  content </dd>
   </dl>   
</div>
[HTML] pobierz, plaintext 

To jest zwykly div jako okienko pop-up z zakladkami. Problem jest nastepujacy: do DD, czyli zawartosci zakladki dodaje position: absolute i... tekst wychodzi poza okienko. I problem nie lezy po stronie DIV-a, ktory nie chce sie zwiekszac (przynajmniej jak dodaje do DL parametr height to DIV sie zwieksza automatycznie). Problem jest taki, ze DL nie rozszerza sie do zawartosci... probowalem overflow: hidden itd. ... nie moge uzyskac zamierzonego efektu.

Ten post edytował Kaloryfer 10.11.2011, 11:01:06