[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

[Sephirus]

Ok nie do końca kumam... Jak to ma wyglądać? Zakładki typu czegoś takiego jak menu tego forum (Wortal | Forum | PHPEdia.pl ...) i DD jako ich treść na dole przełączana poprzez DT czy jak? (IMG:style_emoticons/default/tongue.gif)

I czemu chcesz dawać DD absolute?

Coś takiego - http://jsfiddle.net/XDAjA/4/ (IMG:style_emoticons/default/questionmark.gif)

Ten post edytował Sephirus 10.11.2011, 12:30:20

[Kostek.88]

Nie chce tego przeprojektowywac, bo mam duzo zakladek pozagniezdzanych i ponad tysiac linijek CSS-a, jesli nie 2 tys. A dlaczego daje DD position: absolute? Zdejmij to i zobacz co sie stanie: DT przeskocza pod DD i nie bede mial zakladek kolo siebie.

PS. Tak, chodzi mi o ten efekt, ktory zaprezentowales.

Ten post edytował Kaloryfer 10.11.2011, 12:45:01