3 obrazki obok siebie z odpowiednimi parametrami

Witajcie. Chciałbym zakodować podany niżej obrazek. Mam jednak następujące problemy.

  1. Jak zakodować pliki L, środek, P by pisząc coś na tle pliku środek i gdy on się będzie rozszerzał to reszta pozostanie odpowiednio z lewej i prawej strony? I w ogóle jak to zakodować by to było obok siebie? Uzyskałem tylko zakodowanie z lewej strony, ale z prawej nie wiem jak to zrobić.

  2. Jak zrobić by tło “treść” znajdowało się jak na rysunku pod plikami L, środek, P? Zawsze nachodzi mi to na te pliki i jest tak jakby na wyższej warstwie. 3

. Jak zrobić marginesy plików P, L , środek by tło “treść” było widoczne jak na rysunku a tytuł był a środku (owe L, P, środek).

2a75wjr.png

mam taką konstrukcję:

HTML:

Title

Lorem ipsum
[/code] CSS:

[code]body{ background:#000; } .lewa{ float:left; //powoduje, ze plik lewa, jest z lewej strony background:url(‘lewa.png’) no-repeat; height:45px; width:14px; } .prawa{ background:url(‘prawa.png’) no-repeat; height:45px; width:14px;} .srodek{ background:url(‘srodek.png’) repeat-x; height:45px; } .tlo{background:#fff; }

Chciałbym, by to właśnie było oparte na divach. Dzięki za pomoc.

PS:

L- lewa strona, środek - środek, P - prawa strona

Lewa, prawa i środek muszą mieć float: left.