1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

ROZWIĄZANE Wysrodkowanie login-baru

Dyskusja w 'Sklep internetowy eSklep' rozpoczęta przez użytkownika yankes, 8 Luty 2016.

  1. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    Pomoze ktos z wysrodkowaniem login-bara? Co bym nie wpisywal nie da sie dac float_center; / margin left dziala ale jak jestem na innej rozdzielczosci wtedy wiadomo co wychodzi ;/
     
  2. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Pokaż sklep?
     
  3. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
  4. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Spróbuj operować procentami, a nie 'px'. Przy pikselach i "oddalaniu" od brzegu zawsze wszystko będzie "śmigać" prawidłowo tylko przy jednej, tj. konkretnej rozdzielczości.

    Po odpaleniu Twojego sklepu na komórce widzę "wersję mobilną" (tj. inną skórkę) - wygląda to fatalnie. Jak zmniejszam w przeglądarce sklep - widzę, że u góry sporo rzeczy się rozjeżdża - np. grafiki (logo etc.). Jestem kompletnym amatorem, jeśli idzie o CSS i ogólnie front-end, ale na Twoim miejscu zrobiłbym na szybko tak:

    {
    width: 93.5%;
    margin-left: 3.25%;
    }

    Wówczas uzyskasz "stałą" odległość - bez względu na rozdzielczość - efekt możesz zaobserwować zmniejszając i zwiększając okno przeglądarki. To tyle ode mnie. Myślę, że niebawem wypowiedzą się mądrzejsi.
     
  5. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    nie, żadne takie. będzie źle.
    login bar ma mieć styl:
    Kod:
    text-align: center;
    width: 1180px;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    position: auto;
    
     
    yankes lubi to.
  6. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    To nie zadziała, bo position jest ustawiona jako fixed, aby nagłówek był 'sticky'.
     
  7. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    a tego nie zauważyłem, w takim razie nic nie da 100% efektu :) chyba, że:
    dasz drugiego diva któremu dasz 100% szerokości i który będzie miał fixed, a dopiero w nim loginbar który będzie miał kod jak podałem.
     
  8. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Zgodzę się, że to chyba najlepszy pomysł. Natomiast zastanawiam się, co w układzie procentowym, jaki zaproponowałem byłoby "rozjechane".
     
  9. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    wg mnie wtedy nic nie będzie na swoim miejscu, tzn nie będzie równo.
     
  10. yankes

    yankes Artysta

    Wiadomości:
    279
    Docenione treści:
    15
    zrobilem
    text-align: center;
    width: 1180px;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    position: auto;
    background-color: @bgDarkColor;
    overflow: hidden;


    na tym kompie dobrze, w domu zobacze jeszcze.. Mysle ze najlepiej chyba jednak bd w % ale narazie tak moze zostac :)
     
  11. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    musi być dobrze i na pewno nic się nie rozjedzie, jedynie pasek nie będzie ruszał się razem ze stroną :) czyli nie będzie widoczny cały czas :D
     

Poleć forum znajomym