Środkowanie diva |
Środkowanie diva |
16.11.2018, 03:37:29
Post
#1
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 9.02.2013 Ostrzeżenie: (0%) |
Witam. Mam problem z wyśrodkowaniem diva. Mam panel nawigacyjny w którym znajdują się menu oraz div logowania (jak na obrazku poniżej):
Na czerwono menu, na żółto panel logowania. Teraz chciałbym żeby menu zawsze było wyśrodkowane, niezależnie ilości dodanych tam opcji oraz żeby obok menu znajdował się panel logowania, w ten sposób: Niestety, kiedy ustawiam width menu na 100% kontenera i wyśrodkowuję text-align: center; to wtedy panel logowania przeskakuje na dół, jak na screenie: Próbowałem już wszystkiego i mam świadomość że jeżeli div się nie mieści to przeskoczy niżej, ale ustawiałem także szerokość menu na auto, tak aby zajmowała tyle ile rzeczywiście mierzy, div logowania na trochę mniejszy procentowo i także to nie zdaje egzaminu. Albo przeskakuje do następnej linii albo menu się nie środkuje i tak na zmianę... Mógłby ktoś dać jakieś wskazówki odnośnie tego jak to ustawić tak jak na drugim screenie? Mój kod na tę chwilę jest taki: PHP:
CSS:
Nie daje to niestety nic: Ten post edytował rafalek1001 16.11.2018, 03:43:22 |
|
|
16.11.2018, 07:22:23
Post
#2
|
|
Grupa: Zarejestrowani Postów: 1 863 Pomógł: 228 Dołączył: 20.03.2005 Skąd: Będzin Ostrzeżenie: (0%) |
panel logowania musisz zrobić tak aby pływał.
użyć: float: right; Tylko wiesz, czym więcej wpisów w menu tym menu będzie nachodzić pod panel logowania. Albo jak zmniejszysz ekran. (wystarczy zrobić okno na 4:3) |
|
|
16.11.2018, 11:01:50
Post
#3
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 9.02.2013 Ostrzeżenie: (0%) |
Z float:right; też nie działa. Panel logowania zawsze przeskakuje do drugiej linii.
Ten post edytował rafalek1001 16.11.2018, 11:02:21 |
|
|
16.11.2018, 11:19:30
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 373 Pomógł: 1116 Dołączył: 30.08.2006 Ostrzeżenie: (0%) |
Zdejmij mu width bo najwyraźniej nie mieści się przez 20%. I poczytaj o flex.
-------------------- |
|
|
16.11.2018, 14:12:11
Post
#5
|
|
Grupa: Zarejestrowani Postów: 6 782 Pomógł: 1826 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Jeśli chcesz aby było tak jak na zdjęciu nr 2, to #panellogowania powinien mieć pozycję absolutną, a #panel pozycję relatywną.
-------------------- |
|
|
16.11.2018, 21:55:49
Post
#6
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 9.02.2013 Ostrzeżenie: (0%) |
Udało się! Rzeczywiście użyłem pozycjonowania relatywnego oraz absolutnego i uzyskałem zamierzony efekt. Co zabawniejsze jeszcze przed założeniem tematu zrobiłem dokładnie to samo, ale strona mi się lekko rozszerzała w prawo (przez to że miałem dodany margin w menu, a przeoczyłem to) i porzuciłem ten pomysł. Ale wszystko już śmiga . Dziękuję wszystkim za pomoc Te flex boxy też sobie już dzisiaj ogarniałem i bardzo fajna sprawa z tym
|
|
|
Wersja Lo-Fi | Aktualny czas: 24.09.2024 - 02:18 |