.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; }
<div class="content"> <dl> <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> <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>
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.