HTML-позиционирование

Я думал, что элементы по умолчанию не установлены в HTML? Но все, что я наложу на мою страницу (кроме моего заголовка), не будет перемещаться при изменении размера окна браузера ... Как получилось?HTML-позиционирование

Я хочу, чтобы все было наоборот! (Заголовок должен оставаться фиксированным, а остальные элементы должны иметь возможность перемещения).

Я не использовал никаких команд позиции в моей таблице стилей CSS.

Я только использовал это, например:

.container2 { 
    width: 1200px; 
    height: 480px; 
    margin-top: 60px; 
    margin-left: 100px; 
    margin-bottom: 0; 
}

Мой jsfiddle: http://jsfiddle.net/richirich/68Cnd/

(Да, я новичок в HTML, так что простите за грязный код).

источник

2013-12-10 user3080167

Где вы ожидали, что они переместятся? – Shomz

Это потому, что некоторые HTML-элементы являются блочными элементами. Например, P-элементы всегда будут помещаться друг под друга. Некоторым объектам требуется установить ширину, иначе браузер не сможет их перемещать. Хорошим примером является Divs. Если вы не дадите им ширину (и поплавок), они будут установлены в 100% от ширины контейнера родителя. Кроме того, не используйте ширину: 1200 пикселей; это означает, что этот div будет шириной 1200 пикселей, независимо от того, насколько широкий экран посетителя – GroundZero

Элементы статические по умолчанию – KrishnaDhungana

Просто добавьте position:fixed; в #header

источник

2013-12-10 13:01:51 boortmans

. Спасибо за ваш ответ. К сожалению, когда я добавляю позицию: исправлено до #header, заголовок внезапно становится меньше и не растягивается по всему экрану как я хотел бы это сделать. – user3080167

Почему вы делаете свое тело 2000px в ширину? Вы должны сделать это на 100%, затем сделайте свой контейнер заголовка 100%, и, наконец, вы можете дать левой левой стороне 25% ширины, ваше изображение 50 % и ваши правые два ли 25%. Попробуйте избежать объявления пикселя для контейнера – boortmans

Эй, благодаря! Ты поставил меня на правильный путь. Я обнаружил, что класс .container каким-то образом исчез из моей таблицы стилей. Так что, если я хочу дать 25% ширины левой руки (и правильные), было бы неплохо сломать навигационную панель на две части, как это? – user3080167

Вы можете начать отсюда: http://jsfiddle.net/68Cnd/1/. Убрана body фиксированную ширину, а замененные контейнеры width с max-width

источник

2013-12-10 13:06:12 n1kkou

Спасибо, что помогло немного. Некоторые элементы выглядят странно, хотя теперь изменяется размер окна. Они не складываются правильно под ним. – user3080167

Ну, мы можем помочь вам, когда у вас есть проблемы/ошибки, но мы не можем развить весь ваш сайт :) – n1kkou

Если у вас есть многодисковый мало Див, и вы хотите, чтобы DIV используем все место (по горизонтали), вы можете использовать:

float: left

Если у вас есть один большой div, и вы хотите, чтобы div изменил размер, изменив размер браузера, который вы должны использовать, например:

width: 80%

источник

2013-12-10 15:02:50 marcramser

HTML-позиционирование

ответ

Смежные вопросы