Forum PHP.pl

Witam otóż mam problem z mobilny menu pobawiłem się trochę by go zrobić i gdy testuje na pc jest wszystko oki a gdy już na telefonie to zamiast listę pokazywać się pod dołem to wywalą mi ją na bok całkiem . Wychodzi po za 320 pixeli

[HTML] pobierz, plaintext 
#menu-button 
    {
	 position: absolute;
	 top: 180px;
	 left: 320px;
	 display: block;
	 background: url("../images/menu_ikona.png") no-repeat;
	 height: 40px;
	 width: 40px;
	 border: 0;
	}
#menu
	{
	position: absolute;
	display: none;
	font-size: 24px;
	font-family: MyriadPro-Cond;
	top: 240px;
	background: #0e0e0e;
	}
#menu li
	{
	display: block;
	text-align: center;
	min-width: 100%;
	margin-bottom: 5px;
	}
[HTML] pobierz, plaintext 

Ten post edytował mrk9109 25.11.2018, 10:31:58

[HTML] pobierz, plaintext 
#menu-button 
    {
	 position: absolute;
	 top: 180px;
	 left: 320px;
	 display: block;
	 background: url("../images/menu_ikona.png") no-repeat;
	 height: 40px;
	 width: 40px;
	 border: 0;
	}
[HTML] pobierz, plaintext 

opcja left mówi nam, że coś ma być przesunięte o 320px w jakimś tagu (ten który ma position: relative), to oznacza że na 100% w rozdzielczośći będzie poza obszarem 320px. Przydałby się jakiś kod html do tego (IMG:style_emoticons/default/smile.gif)