Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [XHTML+CSS] fieldset z suwakiem a legend
Forum PHP.pl > Forum > Po stronie przeglądarki
kufalo
14.12.2009, 15:17:50
Witam,

Chcialbym zbudowac przewijany fieldset tak jak na zalaczonym przykladzie czyli suwak po prawej wypelnia cala wysokosc ramki fieldset'a. Problem w tym, ze tresci przewijane nakladaja sie na legend. Nie da sie ich jakos przycinac o np 10px nizej questionmark.gif

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  <head>
  4.   <title></title>
  5.   <style>
  6.    body{font-size:12px}
  7.  
  8.    fieldset{border:1px #000000 solid;padding:0}
  9.    legend{padding:0 4px;line-height:21px}
  10.    fieldset>div{margin-top:-10px;overflow:auto;height:100px}
  11.   </style>
  12.  </head>
  13.  <body>
  14.  
  15.   <fieldset style="width:300px">
  16.    <legend>legend</legend>
  17.    <div>
  18.     aaaaaaaaaaaaaa<br/>
  19.     aaaaaaaaaaaaaa<br/>
  20.     aaaaaaaaaaaaaa<br/>
  21.     aaaaaaaaaaaaaa<br/>
  22.     aaaaaaaaaaaaaa<br/>
  23.     aaaaaaaaaaaaaa<br/>
  24.     aaaaaaaaaaaaaa<br/>
  25.     aaaaaaaaaaaaaa<br/>
  26.     aaaaaaaaaaaaaa<br/>
  27.     aaaaaaaaaaaaaa<br/>
  28.     aaaaaaaaaaaaaa<br/>
  29.     aaaaaaaaaaaaaa<br/>
  30.    </div>
  31.   </fieldset>
  32.  
  33.  </body>
  34. </html>
[HTML] pobierz, plaintext
vokiel
14.12.2009, 17:20:14
A 
[CSS] pobierz, plaintext 
  1. fieldset div{margin-top: 10px; overflow:auto; height:100px; }
[CSS] pobierz, plaintext
?
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.