У меня есть сайт, написанный на php (html) и css, и моя проблема в том, что иногда (обычно после перенаправления), раскладки выравнивания css и все, кроме заголовка, перемещаются в верхний левый угол. На моем компьютере (даже это, я уже говорю о сайте, загруженном на хост-сервер), я могу решить это, обновив страницу, и вдруг все будет именно так, как должно быть. На разных устройствах (я пробовал это на двух разных компьютерах и 3 телефонах), это никогда не отображается правильно. Я пробовал это в разных браузерах (firefox, chrome, phone browsers ...), но это не имело никакого значения, поэтому, очевидно, проблема в моем кодировании: D Если кому-то интересно, я отправляю свой код css, если не просто пропустите его.CSS-выравнивание не работает на разных устройствах
body{
\t font-family: Arial, sans-serif;
\t font-size: 12pt;
\t height: 100%;
\t width: 100%;
\t margin: 0px;
}
#page{
\t overflow: auto;
\t background: #B6B1B1 url('img/background.JPG') no-repeat center;
\t background-attachment: fixed;
}
img{
\t max-width: 100%;
\t height: auto;
\t width: auto\9;
}
#languages li a{
\t font-weight: bold;
\t color: #191045;
}
#languages li a:hover{
\t color: #E49900;
}
h1 a span{
\t display: none;
}
h1 a{
\t width: 100%;
\t height: 240px;
\t display: block;
\t position: absolute;
\t background: transparent url('img/headerpic.png') no-repeat top center;
}
#menubar{
\t width: 70%;
\t position: absolute;
\t margin: 220 15% 0 15%;
\t text-align: center;
}
#menu li{
\t display: inline-block;
\t height: 40px;
\t line-height: 40px;
\t margin-top: 20;
\t margin-left: 5px;
\t padding: 0 15 0 15;
\t background-color: rgba(25,16,69,0.85);
\t border-radius: 5px; \t
}
#menu .selected{
\t background-color: rgba(255,255,255,0.85);
\t border-style: solid;
\t border-width: 3px;
\t border-color: rgba(25,16,69,0.85);
}
#menu .selected a{
\t color: rgba(25,16,69,0.85);
}
#menu li a{
\t text-decoration: none;
\t color: white;
}
#menu li a:hover{
\t color: #E49900;
}
#main{
\t min-height: 350;
\t position: relative;
\t display:block;
\t background-color: rgba(255,255,255,0.85);
\t width: 70%;
\t margin-left: 15%;
\t margin-right: 15%;
\t margin-top: 340;
\t padding: 15 15 15 15;
\t border-radius: 10px;
\t color: black;
}
footer{
\t position: relative;
\t background-color: rgba(255,255,255,0.85);
\t width: 70%;
\t margin-left: 15%;
\t margin-right: 15%;
\t margin-top: 15;
\t padding: 2.5 15 2.5 15;
\t border-radius: 10px;
\t display: inline-block;
\t bottom: 5px;
\t color: black;
\t font-size: 80%;
\t text-align: center;
}
#footer a{
\t text-decoration: none;
\t color: black;
}
#footer a:hover{
\t color: #E49900;
}Спасибо за все советы :)
Постарайтесь сделать свой вопрос более кратким, включая только то, что вам нужно; не слишком много людей хотят читать эти стены текста и кода. –
исправить свой css: 'width: auto \ 9;'. auto9? –
@ AnthonyAstige Прошу прощения, если он слишком длинный, я просто хотел объяснить его подробно, потому что обычно люди говорят мне, что мои объяснения не очень полезны ... и теперь я не знаю, что пропускать: D –