CSS problem z layoutem

[NtC]

Witam wszystkich , to mój pierwszy post na tym pięknym forum.

Przejde do rzeczy, zabrałem się za cięcie layout, wszystko prawie skończone ale nie wiem jak rozwiązać pewien probem. Do posta jest załącznik i jest tam od ręki machnięty szkielet strony. To czerwone to fragmen menu, na którym nie ma treści, i chciałbym ,żeby dopasowywał się do szerokości przeglądarki (ale żeby był tylko z prawej strony). Mam nadzieje ,że w miare jasno wyjaśniłem

[Pedro84]

Masz już jakąś strukturę?

[NtC]

tak mam

http://www.notic.nstrefa.pl/image//index.php

i teraz chodzi o to, żeby te menu, nie kończyło się po prawej tylko leciało do końca przeglądarki, i dopasowywało się do rozdzielczości

[Pedro84]

Menu masy umieszczone w kontenerze, więc tak tego nie zrobisz. Spróbuj tak:
1. Meny top jest w ogóle nie potrzebne, tak samo jak menu nadrzędne dla menu. Wystarczy sama lista. (choć w sumie nie przyglądałem się w tym miejscu).
2. Umieść menu nad kontenerem.
3. Wypozycjonuj absolutnie menu, top/right.
4. Nadaj kontenerowi margines górny = wysokości menu + jakiś odstęp.

Powinno być ok już teraz. Hm.. ale co masz na myśli pod terminem:

dopasowywało się do rozdzielczości

?

[NtC]

dzięki za zainteresowanie zdaje mi się ,że źle mnie zrozumiałeś, to co podałeś to sposób na to aby menu było na całą szerokość przegladarki, a mi chodzi tylko o prawy fragment menu, chciałbym aby jego prawa krawędź, kończyła się przy suwaku tzn, niezależnie od tego jaką ktoś ma rozdzielczość aby prawa strona menu zawsze stykała prawej krawędzi.

[Pedro84]

No...dokładnie to to co Ci podałem. Kto Ci powiedział, że pozycjonowanie absolutne === 100% szerokości?

Rozmiarów zmieniać nie musisz, to spowoduje tylko, że będziesz miał menu zawsze tam, gdzie je ustawisz.

[NtC]

hmm mam małe problemy z ogarnięciem tego byłbyś tak miły i mniej więcej przedstawił tego strukture?

[aleksanderek]

Ja zrobiłbym to tak:

zwiększyć szerokość menu, żeby zmieścił się jeszcze jeden <li>

Kod:

.menu {
width: 548px;
}

no i teraz dodać tą pozycję do menu:

Kod:

<li>
<div style="position: relative; height: 47px; width: 1px; overflow: visible; top: 0px; left: 0px;">
<div style="position: absolute; top: 0px; left: 0px; width: 2000px; height: 47px; background: #ffffff;">
</div>
</div>
</li>

Nie jest to kompletne rozwiązanie - dodaje białego boxa - i nie wiem jak to wyjdzie w innych przeglądarkach, nie pamiętam może w ie6 coś tam trzeba zmienić. To tylko szkic i wskazanie w jakim kierunku masz iść aby osiągnąć zamierzony efekt.

Pozdrawiam
Aleksander