Skocz do zawartości

Zdjęcie
- - - - -

CSS Wyśrodkowanie nawigacji w pionie

css wyśrodkowanie

12 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
testerius

    Użytkownik

  • 77 postów
    • Czas spędzony online: 2d 8h 52m 2s
6
Neutralna

Napisano 22 marca 2014 - 13:11

#1

Nie mam pojęcia w jaki prosty sposób mógłbym automatycznie wyśrodkować nawigację tak aby była na równi z logiem "Brand". Oczywiście dodanie margin-top problem rozwiązuje, tylko zastanawiam się czy można to zrobić w jakiś lepszy sposób?

 

Demo: http://jsfiddle.net/Smz3J/4/

 


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 23 marca 2014 - 13:12

#2

Oczywiście.

Jeżeli tylko znasz wysokość elementu, a w tym przypadku raczej znasz, to robisz tak: containerowi dajesz position relative, a temu elementowi ustawiasz position absolute, top:50% i margin-top:-12px; Zakładając że element ma 24 px wysokości (w margin top dajesz połowę jego wysokości).


  • 1

webDeveloper


Zimistrz

    Stary wyjadacz

  • 465 postów
    • Czas spędzony online: 14d 2h 42m 38s
116
Znakomita!

Napisano 24 marca 2014 - 13:57

#3

Absolutnie jest dobrze, pod warunkiem że rozmiar okna nie będzie za mały i nie wystrzeli w kosmos pozycjonowanego w ten sposób elementu.
Pomijając to, że ustawiłeś opływanie wyłącznie dla menu, pomijając nagłówek, nie nadałeś wielkości żadnemu z kontenerów (względem czego miałoby się niby wyśrodkowywać?) itd. poprawki bazujące na wyświetlaniu w postaci tabeli i komórki: http://www.jsfiddle.net/Smz3J/5/
Wystarczy dorzucić marginesy, jeśli będą potrzebne.


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 24 marca 2014 - 15:27

#4

Nie polecam używania "wyświetlania w postaci tabeli" jeżeli komuś zależy na jak największej kompatybilności z przeglądarkami.


  • 0

webDeveloper


Zimistrz

    Stary wyjadacz

  • 465 postów
    • Czas spędzony online: 14d 2h 42m 38s
116
Znakomita!

Napisano 25 marca 2014 - 15:26

#5

Nie polecam używania "wyświetlania w postaci tabeli" jeżeli komuś zależy na jak największej kompatybilności z przeglądarkami.

 

Przy obecnej ilości JS i wczytywania wszelkiej maści widżetów z zewnętrznych źródeł i CDN, nad kompatybilnością IE<8 z CSS2/3 spędzamy max 30sec. karmiąc te dziadostwo jednym z jscss fix-ów. Poza tym, kto używa jeszcze IE7, ten ma poważne problemy nie tylko z bezpieczeństwem i należy go o tym poinformować, zamiast na siłę uszczęśliwiać. Kto ma na to dzisiaj w ogóle choćby wolną godzinę by spędzać ją na zawracaniu kijem rzeki ? Pierwsza dekada lat 2000' jest już daleko za nami.


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 25 marca 2014 - 16:41

#6

Wystarczy mieć styczność z korporacjami, gdzie soft zmieniany jest raz na dziesięciolecia. Panują w takich miejscach ścisłe regulacje, każda zmiana softu wiąże się nie tylko z kosztami, ale i każdego pracownika trzeba by przeszkolić z użytkowania (nawet IE).


  • 0

webDeveloper


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 25 marca 2014 - 17:49

#7

Wystarczy mieć styczność z korporacjami, gdzie soft zmieniany jest raz na dziesięciolecia. Panują w takich miejscach ścisłe regulacje, każda zmiana softu wiąże się nie tylko z kosztami, ale i każdego pracownika trzeba by przeszkolić z użytkowania (nawet IE).


Chyba troszkę przesadzasz z tym IE ;)


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 26 marca 2014 - 10:32

#8

Uwierzcie mi, nie przesadzam :D


  • 0

webDeveloper


Zimistrz

    Stary wyjadacz

  • 465 postów
    • Czas spędzony online: 14d 2h 42m 38s
116
Znakomita!

Napisano 26 marca 2014 - 13:28

#9

Wystarczy mieć styczność z korporacjami, gdzie soft zmieniany jest raz na dziesięciolecia. Panują w takich miejscach ścisłe regulacje, każda zmiana softu wiąże się nie tylko z kosztami, ale i każdego pracownika trzeba by przeszkolić z użytkowania (nawet IE).

 

unbreak: ty tak poważnie z tymi korporacjami w 2014 ?

Ile tych stron www, serwisów internetowych i webaplikacji stworzyłeś dla tych polskich korporacji  ?

Ilu pracowników korporacji odwiedza te wszystkie cuda w przeglądarce starszej niż internet ?

Ilu z tych odwiedzających robi to na sprzęcie firmowym równie starym jak przeglądarka, a ilu na własnym 2-letnim laptopie, czy tablecie/smartfonie z któego jeszcze folijki nie zdarł ?

Powtórzę: mamy 2014 rok ;)

 

ps. na IE starłem już zęby kilkukrotnie. Nie trafia do mnie powtarzana od ponad 10 lat ta sama mantra: "bo w korporacjach...".


  • 1

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 26 marca 2014 - 13:41

#10

dużo

dużo

wszyscy

 

Tyle w temacie. Osoba która faktycznie robiła konkretne projekty, dla konkretnych klientów wie co dany klient potrafi wymyślić i na jakim sprzęcie /sofcie sprawdzać czy wszystko działa.

 

Człowieku, ja robiłem nie raz w swoim życiu dziwne rzeczy, w tym mailing który miał się poprawnie wyświetlać w WORDzie! (sic!)


  • 0

webDeveloper


Zimistrz

    Stary wyjadacz

  • 465 postów
    • Czas spędzony online: 14d 2h 42m 38s
116
Znakomita!

Napisano 26 marca 2014 - 14:27

#11

Tyle w temacie. Osoba która faktycznie robiła konkretne projekty, dla konkretnych klientów

 

Każdy nosi ogromny bagaż doświadczeń, po co zatem się unosić ? B)


  • 0

Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 26 marca 2014 - 21:36

#12

Wczytując się w dyskusję to muszę stwierdzić że Unbreak ma tutaj dużo racji.

 

Osobiście pracuję w dużej korporacji, która obsługuje dużych klientów, gdzie przykładowo na jeden sklep internetowy przypada 70% wejść z IE7 ;)

Ta liczba oczywiście co jakiś czas ulega zmianie, ale jesli nie spadnie ona do minimum to niestety musimy robić aby to wyglądało przyzwoicie na IE7,8,9.

Klienci potrafia się przyczepić jednego piksela, który wypada w IE7, a którego nie ma w IE8.

 

Także co do display:table to także nie polecam w tak elastycznym przypadku.

 

Co do ogólnego tematu to czy nie wystarczy tutaj pomanilulować trochę line-height ? :)


  • 2

2ed58r7.png


unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 27 marca 2014 - 09:08

#13


Wczytując się w dyskusję to muszę stwierdzić że Unbreak ma tutaj dużo racji.
ok.gif

 


Co do ogólnego tematu to czy nie wystarczy tutaj pomanilulować trochę line-height ?
Też można :)
  • 0

webDeveloper






Podone tematy Collapse


Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych