Pozycja elementu na urządzeniach mobilnych

  • Rozwiązano n3w.mod3l

    (@n3wmod3l)


    10 years, 7 months temu

    Witam serdecznie

    Mam mały problem z wyświetlaniem strony na urządzeniach mobilnych. Będę wdzięczny za wszelkie sugestie umożliwiające jego eliminację 😉

    Do brzegu:

    Umieściłem w poniższym szablonie link wyświetlający reklamy po pierwszym poście:

    http://goo.gl/qnEN3L

    W stylach dodałem:

    #reklama {
	width: 87.5%;
        float: right;
        position: relative;
        top:25px;
        bottom:25px;
}

#adtaily {
        margin: 25px 0;
}

    Dzięki temu reklamy zachowują właściwy odstęp między postami 1 i 2 w przeglądarce. Na urządzeniach mobilnych jednak powstaje duży odstęp (na górze oraz po lewej stronie powyższego div’a (http://www.responsinator.com/?url=http%3A%2F%2Fn3wmod3l.nazwa.pl%2Ftest%2F)

    Jakieś pomysły z czego to może wynikać? Z góry dziękuję za pomoc.

Viewing 1 replies (of 1 total)
  • Thread Starter n3w.mod3l

    (@n3wmod3l)

    10 years, 6 months temu

    Problem rozwiązany 🙂

    Pewnie nie idealnie ale rozwiązany. Nie kasuję pytania – może komuś przyda się odpowiedź.

    Powyższe zmienione na:

    #reklama {
	width: 87.5%;
        float: right;
}

#adtaily {
        margin: 50px 0 0 0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

    Oraz dodane zastrzeżenie dla rozdzielczości poniżej 600px (szerokość):

    #reklama {
		width: 100% !important;
		float: none;
		margin-left: 0;
                margin-top:-50px;
		box-shadow: none !important;
		border-radius: 0 !important;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
Viewing 1 replies (of 1 total)
  • Temat ‘Pozycja elementu na urządzeniach mobilnych’ jest zamknięty na nowe odpowiedzi.