ugrás a tartalomhoz

Automatikus háttér növelés css-ben

purc · 2007. Jan. 19. (P), 20.20
Sziasztok

Segítséget szeretnék kérni. Tudja valaki, hogyan lehet megoldani css-ben div-ekkel, hogy a háttér a szöveg nagyságával együtt nőjjön?

Előre is köszi
 
1

automatikus háttér növelése css-ben

purc · 2007. Jan. 19. (P), 20.28
Sziasztok

Segítséget szeretnék kérni. Tudja valaki, hogyan lehet megoldani css-ben div-ekkel, hogy a háttér a szöveg nagyságával együtt nőjjön?

Konkrétan azt szeretném megoldani, hogy a következőképpen nézzen:



És ha hosszabb szöveget irok be, akkor automatikusan nőjjön a középső négyzet háttere.

Előre is köszi
2

Ha jól értelmezem

C_hris · 2007. Jan. 19. (P), 20.54
A három div köré teszel még egy div-et ami a hátteret rajzolja ki, és mindig a leghosszabb div határozza meg a magasságát.
3

a problémám

purc · 2007. Jan. 19. (P), 21.03
A problémám, hogy mi van akkor, ha én a két szélére levágott sarkot akarok tenni, és ha átlátszó a széle, akkor ott is a középső szín lesz a meghatározható.

Sehogyan nem lehet növelni automatikusan div-et?

Meg azért sem jó, mert ha simán beleírok szöveget, akkor a háttér elejétől kezdi, és rálógnak a széleken lévő négyzetek. Pozicionálni azért nem akarok, mert épp az lenne a lényege, hogy ha hosszabb a szöveg, akkor azzal nő szőveg alatti háttér is.
4

ez egy általános probléma, ismert megoldásokkal

Táskai Zsolt · 2007. Jan. 20. (Szo), 01.08
http://www.google.hu/search?q=rounded+corners
5

Ilyenre gondolsz?

saxus · 2007. Jan. 20. (Szo), 02.23
Ilyenre gondolsz?

<style type="text-css">
  .bal {
    background-image: url(...);
    background-position: top left;
    background-repeat: repeat-y;
  }

  .jobb {
    background-image: url(...);
    background-position: top right;
    background-repeat: repeat-y;
  }

  .kozep {
    margin-left: 40px;
    margin-right: 60px;
  }
</style>

<div class="bal">
  <div class="jobb">
    <div class="kozep">
    ...
    </div>
  </div>
</div>


De ha olyan a háttér, meg lehet oldani egy div-l és egy képpel, lásd weblabor vagy itt