Я пытаюсь сделать адаптивный дизайн, но когда я изменение размера его получение неаккуратно .. Мой CSS код до строки 15 другой не является меню CSS Click here for codeFooter исчезают при изменении размеров
Так что мой код только:
html,body {
margin: 0;
height:100%;
}
main {
margin:0;
height: 85%;
}
body > footer {
overflow: hidden;
text-align:center;
background-color:#dedede
}
Описание: jsFiddle: http://jsfiddle.net/shaansingh/kac8p/6/. Я немного очистил ваш нижний колонтитул (вы можете оставить его там). Я сделал нижний колонтитул классом и завернул его в <div>. Затем я дал нижнему колонтитулу запас сверху. Это делает так, чтобы нижний колонтитул не «испортился» при изменении размера. Посмотрите на полноразмерную скрипку и измените размер своего браузера, чтобы увидеть результат: http://jsfiddle.net/shaansingh/kac8p/6/embedded/result/
EDIT: У меня есть решение для чего вы хотите. Эта скрипка показывает нижний колонтитул в нижней части экрана под свитком браузера. Я использовал такие вещи, как ширина, высота и ясность для этого CSS. http://jsfiddle.net/shaansingh/kac8p/13/embedded/result/
Но нижний колонтитул не на дне, его средний – biox
Вот обновленная скрипка с решением. Он устанавливает «margin: auto;». Это позволяет автоматически выравнивать нижний колонтитул в зависимости от количества содержимого. Тем не менее, он все же реагирует. Взгляните: http://jsfiddle.net/shaansingh/kac8p/7/embedded/result/ –
Это не совсем то, что мне нужно, но я думаю, что это еще лучше, чем я пытался делать – biox
Можете ли вы определить «грязный», нам нужно понять, что происходит, прежде чем мы сможем его исправить. – lewisjb
Мой заголовок определяет «грязный», я имею в виду, что нижний колонтитул исчезает, не изменяя размер. – biox
Я не хочу, чтобы появлялась панель навигации, я хочу, чтобы она изменялась до любого размера экрана. – biox