Проблемы, связанные с изменением размера элементов HTML

Question

Проблемы, связанные с изменением размера элементов HTML

0

Я спросил об этом раньше и получил действительный рабочий ответ. Хотя кажется, что мои текущие проблемы не затронуты представленными здесь результатами:

Моя веб-страница не будет сохранять свою ширину при сужении

Из ответов, которые я получил здесь, баннер, который у меня был на верхней части экрана (и других), сохранил 100% -ный размер от максимального окна в полуразмерном окне.

В Условиях Layman баннер остался одного и того же размера в разных окнах.

Теперь у меня возникает более запутанная проблема... Остальные элементы на странице (в частности, div) не сохранят эту же функцию, даже если они включены в div-обертки, которые были введены в ссылку.

Вместо того, чтобы спамить вашу страницу с исходным кодом, я решил просто включить ссылку на.zip, которая включает в себя мои.HTML и.CSS, а также изображения - чтобы дать самую точную визуализацию того, что я ' м.

Исходный код: https://www.dropbox.com/s/41p4uqu5qowotgk/CSwebpage.zip

Спасибо за помощь!

Zulfe 28 нояб. 2013, в 04:13

Источник

0

Во-первых, если ответ на ваш последний вопрос был правильным, вы должны пометить его как правильный, чтобы лицо, ответившее на него, получило некоторое признание. Во-вторых, вам нужно создать пример 'jsfiddle' или 'JSBin', который показывает изолированную проблему, а не запрашивать у нас загрузку zip-файла и работать с этим кодом локально. Если это тот же код, что и в другом вопросе, вы уже написали его, верно?
davidpauljunior 28 нояб. 2013, в 03:04
0

Сделаю! Скоро у меня будет еще один комментарий со ссылкой!
Zulfe 28 нояб. 2013, в 03:08
0

Это должна быть ссылка на JSfiddle, которая представляет то, что я получаю:
Zulfe 28 нояб. 2013, в 03:18
0

ссылка, которую я должен был загрузить и связать изображения, которые я использовал, так как он больше не является локальным.
Zulfe 28 нояб. 2013, в 03:18
0

Не уверен, что у меня возникла проблема. Какую «особенность» вы хотите, чтобы другие div сохранили. В своем нынешнем виде ваш #slideshowBox имеет заданную ширину, поэтому он также останется. Два других имеют ширину в процентах, поэтому они будут масштабироваться.
davidpauljunior 28 нояб. 2013, в 03:29

Показать ещё 3 комментария

Теги:

html

css

resize

window

webpage

1 ответ

Ещё вопросы

Во-первых, если ответ на ваш последний вопрос был правильным, вы должны пометить его как правильный, чтобы лицо, ответившее на него, получило некоторое признание. Во-вторых, вам нужно создать пример 'jsfiddle' или 'JSBin', который показывает изолированную проблему, а не запрашивать у нас загрузку zip-файла и работать с этим кодом локально. Если это тот же код, что и в другом вопросе, вы уже написали его, верно?
Сделаю! Скоро у меня будет еще один комментарий со ссылкой!
Это должна быть ссылка на JSfiddle, которая представляет то, что я получаю:
ссылка, которую я должен был загрузить и связать изображения, которые я использовал, так как он больше не является локальным.
Не уверен, что у меня возникла проблема. Какую «особенность» вы хотите, чтобы другие div сохранили. В своем нынешнем виде ваш #slideshowBox имеет заданную ширину, поэтому он также останется. Два других имеют ширину в процентах, поэтому они будут масштабироваться.

SamStar · Answer 1 · 2013-11-28T02-36-00.000Z

Хорошо, поэтому я вроде как взломал метод, но я решил исправить проблему, чтобы создать div внутри вашего #wrapper div, ib #hacker. Затем я помещал вашу минимальную ширину 900 пикселей на этот div, и он работал нормально. Но он бросил ваш абсолютно позиционированный #quotebox в limbo на нижнюю часть страницы. Чтобы частично исправить, он заменил свои правила:

qouteBox {

width: 48.6%;
float: right;
border: 1px dashed #7FFF00;
height: 35px;
position: relative;
top: -30px;
right: 8px;

}

Это будет достаточно близко, чтобы вы могли точно настроить его.

Позвольте мне знать, если это помогает!

EDIT # 1: Извините, я забыл сказать вам добавить правило! Mportant после установки ширины minp 900px:

hacker {quotebox: min-width: 900px! important}

Это будет отменять все другие общие и конкретные правила CSS.

Я все еще получаю ошибку. Чтобы дополнительно объяснить мою ошибку, когда у меня веб-страница открыта в полноэкранном режиме - она работает нормально. Но если у вас Windows 7+ или BetterSnapTool для Mac, вы заметите, что, если вы переместите окно в одну сторону экрана, чтобы изменить его размер до 50% ширины монитора, вся веб-страница искажается. Если вы хотите максимально правильно воспроизвести то, что я получаю, ссылка на ZIP-файл, который у меня есть на Dropbox, все еще находится в моем исходном сообщении. JSfiddle, который я разместил в комментариях под оригинальным постом, также дает довольно близкий пример того, что я получаю.
Я пропустил часть моего решения ... проверьте редактирование и посмотрите, работает ли это.