Pasek menu i stopki na całą stronę Meemo-blue

[vitokk]

Witajcie, od kilku dni zmagam się z problemem rozszerzenia menu i stopki na 100% szerokosci strony. Jezeli juz uda mi się to uzyskać to menu jest formatowane do lewej a chciałbym aby było nad logiem a po zmniejszeniu strony (CTRL + Rolka w dół) pasek menu i stopki jest zawsze na 100% ale też tylko pod logiem. Tak jak np. na http://www.armapomp.pl

Strona to:
http://zamkon.com.pl/nowa_strona/www/
szablon Meembo blue z http://demo.hurricanemedia.net/joomla11/
Menu jest wywoływane przez moduł a całość jest w CSS. Poniżej kod css z sekcji TOPMENU:
Podpowiedzcie gdzie mam co zmienić zeby było tak jak bym chciał...


/** Topmenu **/

#topmenu {
margin: auto;
width: 100%;
padding-left: 0px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400;
font-size: 1em;
color: #fff;
background-color: #012F67;
overflow: auto;
}

#topmenu ul {
float: left;
padding: 0;
padding-top: 14px;
padding-bottom: 14px;
margin: 0;
list-style: none;
background-color: #012F67;
}

#topmenu a {
display: block;
color: #fff;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 14px;
padding-right: 14px;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 1px;
text-decoration:none;

}

#topmenu a:hover {
color: #fab101;
text-decoration: none;
}


#topmenu li {
float: left;
border-left: 1px solid #13729a;
}

#topmenu li:first-child {
border-left: 0px solid #000000;
}


/** Second-level lists **/

#topmenu li ul {
position: absolute;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400;
font-size: 12px;
width: 162px;
left: -999em; /* "display: none" not seen by screen readers */
border: 0;
margin-left: 0px;
z-index:100;
padding-top: 0px;
padding-bottom: 0px;
}

#topmenu li li,
#topmenu li li:first-child {
border: 0;
border-top: 1px solid #888888;
margin-bottom: -1px; /* iPhone/iPad fix */
}

#topmenu li li a,
#topmenu li.active li a {
width: 162px;
background-color: #012F67;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 24px;
margin: 0;
text-transform: none;
}


#topmenu li li:first-child {
margin-top: 14px;
border: 0;
}

#topmenu li ul a {
width: 162px;
}

#topmenu li li a:hover {
color: #fab101;
text-decoration: none;
background-color: #6B6B6B;
}



/** Level third and above **/

#topmenu li li li:first-child {
margin-top: 0px;
}

#topmenu li ul ul {
margin: -40px 0 0 200px;
}

#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
left: -999em;
}

#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li

li.sfhover ul, #topmenu li li li.sfhover ul { /* nested under hovered items */
left: auto;
}

[marian_mk]

#topmenu ul {
float: left;
}

daje odpowiedź dlaczego menu jest przesuwane do lewej. Aby menu zostało wysrodkowane należy zastosowac pewna sztuczkę : ul - floatowac do prawej nadając odstęp od prawej 50%, natomiast li - floatowac do lewej nadając odstęp od lewej 50%

[vitokk]

ok, a więc w #topmenu ul zmieniłem na:

{
float: right;
padding-right: 50%;
a w #topmenu li

{
float: left;
padding-left: 50%;


no i się rozjechło... tzn. jest wyśrodkowane, ale jest jedno pod drugim... tak narazie zostawie dopóki nie zerkniesz na to...
tak sobie myślę, że może zrobić DIVA 100% na wysokość i szerokość całej strony?
może to coś mi pomoże...

EDIT:
zmieniłem na
padding-right: 15%; i jest ok ale tylko przy jednej rozdzielczości...i nie jest wyśrodkowane...

- - - Updated - - -

moze da się zrobić zeby to jakoś podzielic... np. belka po prawej i po lewej a menu szerokość 1000px w obrębie diva?
czyli zostawić pierwszą wersję że menu ma szerokość 1000px a dopisać w stylach div na lewo i prawo na 100%?

[marian_mk]

nie padding ,a left:50% , a jak left to i musi byc position:relative, natomiast dla ul w odwrotna strone czyli right

[vitokk]

ok, teraz wszystko działa tak jak należy... niestety muszę teraz jechać do klienta bo jestem w pracy wiec jak wróce zabiorę się za stopkę i dam znać jak mi poszło...

kurcze teraz zobaczyłem że menu drop down i pasek menu jest ze scrollem po prawej stornie czyli menu straciło swoją funkcjonalność :(

[vitokk]

nikt nie chce pomoc? menu jest wysrodkowane, ale przy prawej krawedzi pojawil sie pasek przewijania a co za tym idzie menu sie nie rozwija "nad bannerem" a w obrebie menu ktore ma 30 px i trzeab scrollowac zeby cos zobaczyc...