div wychodzi poza ekran

Odpowiedz Nowy wątek
2014-10-06 22:11
0

Cześć :)
mam dość upierdliwy problem z divem który nie chcę się trzymać wewnątrz ekranu po powiększeniu go.

tak wygląda na 100% na 22 calach:
user image

tak wygląda po powiększeniu
user image

kod css:

    #rightTable{

        z-index: 1;
        padding: 10px;
        padding-right: 0;
        background: white;
        position: fixed;
        width: 15%;
        bottom: 20%;
        height: 300px;
        right: 0;
        border-radius: 10px;
    }

o ile zakładam, że nikt nie będzie robił aż takiego powiększenia o tyle ten sam problem jest na małych monitorach oraz telefonach - a to już nie jest akceptowalne.

Czy wiecie co jest może być przyczyną takiego stanu rzeczy?

edytowany 1x, ostatnio: drevnyy, 2014-10-06 22:11

Pozostało 580 znaków

2014-10-06 22:31
0

Jaki jest błąd? Dałeś takie zdjęcia, że go nie widzę.

Pozostało 580 znaków

2014-10-06 22:43
0
drevnyy napisał(a):

Cześć :)

o ile zakładam, że nikt nie będzie robił aż takiego powiększenia o tyle ten sam problem jest na małych monitorach oraz telefonach - a to już nie jest akceptowalne.

Czy wiecie co jest może być przyczyną takiego stanu rzeczy?

Z mediaqueries próbowałeś pokominować?

edytowany 1x, ostatnio: Sebastiano, 2014-10-06 22:43

Pozostało 580 znaków

2014-10-06 23:04
0

szczerze mówiąc nie wiem nawet co to jest...
popaczam ;)

Pozostało 580 znaków

2014-10-06 23:33
1
drevnyy napisał(a):

szczerze mówiąc nie wiem nawet co to jest...
popaczam ;)

W uproszczeniu, dzięki temu możesz właśnie dopasować takiego diva pod odpowiednie wielkości wyświetlaczy (Często sie ustawia w 3 rozdziałkach: smartfon, tablet, pc)
zerknij tu: https://developer.mozilla.org[...]s/Web/Guide/CSS/Media_queries
i trochę przykładów jeszcze tu: http://mediaqueri.es/

edytowany 1x, ostatnio: Sebastiano, 2014-10-06 23:33

Pozostało 580 znaków

2014-10-07 10:23
0

a ja sadze ze skiepsciles cos w innym miejscu i ten css to za malo zeby wywnioskowac gdzie

patrz przykald nizej, dziala i nie wychodzi poza ekran, wiec cos inne go wypycha.

http://jsbin.com/homabuxohisa/1/

obstawiam ze w srodku tego diva cos ma wartosc ustawiona na sztywno w pixelach np. 200px i przy duzym ekranie 200px jest mniejsze niz 15% szerokosci ekranu (taka jest szeriokosc tego rpawego diva), a przy mniejszych ekranach 15% to juz 60px i div z 200px sie wypycha poza ekran.

edytowany 1x, ostatnio: szalonyfacet, 2014-10-07 10:25

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0