div wychodzi poza ekran

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:

tak wygląda po powiększeniu

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?

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

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ć?

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

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/en-US/docs/Web/Guide/CSS/Media_queries
i trochę przykładów jeszcze tu: http://mediaqueri.es/

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.