salikoff
-
Posts
10 -
Joined
-
Last visited
salikoff's Achievements
Explorer (1/14)
0
Reputation
-
Почему родительский блок не растягивается шире viewport'а ?
salikoff replied to salikoff's question in HTML Coding
Спасибо за помощь — способ работает. До сих пор не было чёткого представления, для чего inline-block нужен. Кстати, body всё равно шире вьюпорта не растягивается, то есть приходится пользоваться враппером. -
Почему родительский блок не растягивается шире viewport'а ?
salikoff replied to salikoff's question in HTML Coding
Автоматически возникает вопрос - как сделать так, чтобы родительский блок всегда "охватывал" дочерний по ширине? Так же, как он это делает по высоте. -
Почему родительский блок не растягивается шире viewport'а ?
salikoff posted a question in HTML Coding
Здравствуйте. Столкнулся с такой проблемой : вложенный блок не хочет растягивать свой родительский блок. Вроде это противоречит теории, с которой я знаком. Например: <html> <body> <div style="height:100px; width:2000px; background:red"> </div> </body> </html> Видно (в отладчике), что body растягивается только до ширины вьюпорта, а дальше не хочет. Почему это так? Разве так должно быть? Данный пример, естесственно, никакого отношению к реальной задаче не имеет, это просто очень сильное упрощение. Хотелось бы просто понять принцип (теорию) -
Благодарю всех, кто откликнулся на мое сообщение. Все получилось, объединил все картинки в единый блок Отдельная благодарнасть Вам, psywalker Подпись под сообщением вызвала бурный смех
-
Спасибо, переделал согласно вашим рекомендациям, щит теперь не прячется за экран. Что касается процентного отступа слева - это не подходит, так как щит должен быть "приклеен" к картинке спозиционированной по центру, между ним и машинкой неизменное расстояние. Возможно ли его сохранять все время независимо от размеров окна? Теперь щит хоть и не прячется за край окна, но машинка на него "наезжает" при сильном сжатии
-
Убедитесь сами СИТУАЦИЮ НЕ СПАСАЕТ, хотя body,html { min-width: 1007px; } установлено. Исчезает эмблема в виде щита. Если экран меньше 1007 пикселей, то возникает полоса прокрутки, но с ее помощью можно увидеть лишь то, что пропадает справа, а то, что исчезает слева совершенно недоступно
-
Внешне, это именно то, что мне надо. Но тут и вылазит та проблема, о которой я писал в самом первом топике. А именно, элемент Объект при изменении ширины окна браузера исчезает. Смотрите сами. Я взял ваш код и без изменений положил на хостинг (Смотрите). Теперь возьмите мышкой правый край браузера и тяните его влево до упора. Слова Right так и останутся, а вот объект исчезнет. При этом никакие полосы прокрутки не возникнут и увидеть его невозможно. Предвижу возможные возражения - мол, никто не сжимает браузер так узко. Но ведь и смещение у меня не маленькое. Хотелось бы, чтобы при любых разрешениях экрана элемент можно было видеть, пусть хоть с помощью скролбара. P.S. Кстати, я пытался с помощью css свойства min-width ограничить изменение размеров клиентской области браузера - не помогает
-
Вижу, что вы совсем не понимаете, что мне нужно. Попробую изобразить это графически: вот у меня контейнер (он может быть body или может быть просто div'ом): Схема Внутри контейнера у меня объект O, который смещен от центральной осевой линии на определенное расстояние x. На самой осевой линии расположить легко, если для контейнера установить свойство align=center. А вот как его сместить с осевой линии на определенное расстояние, не пользуясь margin ?
-
LEFT:400 означает позиционирование относительно левой стороны браузера. Естественно, это совсем не то, о чем писалось в начале топика. Нужно позиционировать элемент относительно центра. Если бы нужно было поставить ровно по центру, то код мог быть например таким: <div align=center> <!-- обертка --> <div style="margin: 0px auto;"> тра-ля-ля <!-- то, что мы хотим спозиционировать --> </div> </div> Но мне необходимо смещение относительно центра.
-
Здравствуйте. Помогите, пожалуйста, решить задачу - расположить элемент html (например, картинку <img>) с некоторым заранее определенным смещением относительно центра по горизонтали. Конкретный пример - 400 пикселей влево от центра. Единственное, что приходит в голову - использование отрицательного margin-left. Но в этом случае картинка исчезает с клиентской части окна браузера при изменении его размеров (сжатии) ниже критического уровня. Картинка как бы уплывает за край браузера. Как сделать, чтобы картинка не уплывала, а если и уплывала, то чтобы ее можно было "достать" с помощью полосы прокрутки. Понятно, что задачу можно решить с помощью java script, но хотелось бы найти решение на чистом html\css