+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: CSS problem z layoutem (/thread-css-problem-z-layoutem)
CSS problem z layoutem - NtC - 18-04-2010
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
RE: CSS problem z layoutem - Pedro84 - 18-04-2010
Masz już jakąś strukturę?
RE: CSS problem z layoutem - NtC - 18-04-2010
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
RE: CSS problem z layoutem - Pedro84 - 18-04-2010
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:
Cytat:dopasowywało się do rozdzielczości?
RE: CSS problem z layoutem - NtC - 18-04-2010
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.
RE: CSS problem z layoutem - Pedro84 - 18-04-2010
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.
RE: CSS problem z layoutem - NtC - 18-04-2010
hmm mam małe problemy z ogarnięciem tego
byłbyś tak miły i mniej więcej przedstawił tego strukture?
RE: CSS problem z layoutem - aleksanderek - 20-04-2010
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