Lekka modyfikacja Protostar

[joker6891]

Siema,
jak w temacie, modyfikuję sobie defaulotwy szablon Protostar. Mniej więcej kojarzę już framework na którym jest on zbudowany. Mam dość (chyba) prostą sprawę której nie udaje mi się aktualnie rozwiazać. może pokażę:
http://i60.tinypic.com/1zvrcx1.jpg

Chciałbym natomiast zrobić tak, żeby wstawić ten biały pasek na całej szerokości strony, czyli tak:

http://i62.tinypic.com/2n8x7k.jpg


Biały pasek z 1 screena definiuje sobie w klasie container, o ile wiem jak się pozbyć boków (jakoś nadpiszę sobie padding: 20px; dla tej klasy w tym miejscu) to zastanawiam się jak zrobić tak, żeby ten biały pasek był na odpowiedniej wysokości i poza obiektem container.
Aktualnie nie piszę żadnego modułu, "brutalnie" edytuje plik protostar\index.php. Na chwilę obecną chciałbym tylko wiedzieć jak to wklepać do tego pliku. Przyjmuje założenie, że białe tło wewnątrz container'a będzie zawsze na tej samej wysokości i chciałbym, żeby szablon zachował swoja cechę "responsive". Mój pomysł który będę starał się sprawdzić to spróbuję zdefiniować na zewtnąrz boxy (albo używając terminologii bootstrampa zagnieżdżone gridy) i po prostu wypełnie tłem ten na "dole". Ale może ktoś ma lepszy/prostszy pomysł?

EDIT: Używam protostar z joomli 3.2.4

[tlewap]

Słowo klucz position: relative;

[joker6891]

7737

Hej,
mam ostatni problem. Mam to menu po lewej stronie (position-8, szablon defaultowy protostar dla Joomli 3.2.4, menu jest zrobione w Menu Accordeon CK (http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/accordion-menus/18509)).
Chciałbym rozszerzyć to dolne zdjęcie tak, żeby miało taką samą szerokość jak menu, jednak mogę je powiększać (przez parametr width) do pewnego momentu. Później nie chce się już rozszeszyć (samo zdjecie "końcówki" jest dużo większe, ma rozmiar 2530x1944).
Zdjęcie wrzucam bezpośredno w pliku templates\protostar\index.php:


<?php if ($this->countModules('position-8')) : ?>
<!-- Begin Sidebar -->
<div id="sidebar" class="span3">
<div class="sidebar-nav">
<jdoc:include type="modules" name="position-8" style="xhtml" />

</div>
<img class="koncowka" src="templates/protostar/images/koncowka4.png">
</div>


CSS:


img.koncowka {
/*box-shadow: 0px 0px 1px 1px #444;*/
position:relative;
left:20px;
width:280px;
float:right;
}


Czy macie pomysł jak dodać tą "końcówkę"? Chętnie się odwdzięczę za radę. Sam to chcę zrobić jednak potrzebuję wskazówki bo już nie mam pomysłów :/

EDIT:
Podobnie jak ostatnio, menu ma stałą szerokość więc ta końcówka też powinna.
Próbowałem dodać jakoś to zdjęcie w kodzie menu Accordeon ale nie udało mi się.

[joker6891]

Chyba usunięto mój screen. Wrzucam raz jeszcze
http://i61.tinypic.com/30tt72t.jpg