Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS/HTML] Problem z overflow
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Kostek.88
Czesc, mam taki kod:

  1. .content {
  2. width: 500px;
  3. border: 2px solid #000;
  4. background: #fff;
  5. position: absolute;
  6. left: 50%;
  7. top: 50%;
  8. margin: -150px 0px 0px -250px;
  9. }
  10.  
  11. dl {
  12.  
  13. }
  14.  
  15. dl dt {
  16. float: left;
  17. }
  18.  
  19. dl dd {
  20. clear: both;
  21. margin: 0px 0px 0px 0px;
  22. }


  1. <div class="content">
  2. <h1>Title</h1>
  3. <dl>
  4. <dt>tab 1</dt>
  5. <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>
  6.  
  7. <dt>tab 2</dt>
  8. <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>
  9. </dl>
  10. </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.
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? tongue.gif

I czemu chcesz dawać DD absolute?

Coś takiego - http://jsfiddle.net/XDAjA/4/ questionmark.gif
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.