solovets-denis
-
Posts
27 -
Joined
-
Last visited
solovets-denis's Achievements
Explorer (1/14)
0
Reputation
-
Замените на html,body { min-height:100%; }
-
от позиционировать элемент в динамическом блоке
solovets-denis replied to cyber_ua's question in HTML Coding
vertical-align сработает в ячейке таблицы, а вот к блоку для этого параметра требуется приписать display:table-cell; (ШУ6-7 не поймет, Сафари 3 не сработает, если внешний блок не будет иметь свойство display:table;). Можно сделать так: 1. Выровнять по центру: .little_point {text-align:center;} 2. "Прибить к полу": .little_point img { position:relative; top:100%; margin-top:-34px; // вместо 34 впишите высоту картинки } Должно помочь. -
Я, честно говоря, видео просмотрел несколько раз, но т.к. оно существенно шире, чем экран ноута, ничего не понял. Отключите скрипт аккордеона (я так понял, он есть на странице) и посмотрите, сохранилась ли проблема. Быть может, в CSS случилась опечатка и какой-нибудь класс передает body параметр overflow или overflow-y со значением hidden (IE может любую опечатку понять и простить). Выложите какой-нибудь html или css, а то гадать можно долго.
-
Margin:0 auto для блока с абсолютным позиционированием
solovets-denis replied to solovets-denis's question in HTML Coding
Да ладно, никто с такой проблемой не сталкивался? -
Тогда попробуйте в css3 media queries для этих блоков прописать font-siE:90%; или меньше. Т.е. решить проблему отдельным стилем для мобильных устройств.
-
Если надо "дотянуть" второй див до высоты первого, то посмотрите http://habrahabr.ru/post/64173/ (включая комменты) и http://habrahabr.ru/post/64242/ Но, как было сказано Яндексом, не стоит так уж сильно бояться таблиц. Если таблица помогает решить задачу быстро, просто, без CSS и JS наворотов и кроссбраузерно, то почему бы и нет?
-
Во-первых, укажите в index.html высоту фрейма. Во-вторых, запись background: url(Logo.png) 100% 40% no-repeat; двигает фоновое изображение на 100% от левого края и на 40% от верхней границы. В вашем случае просто пропишите background: url(Logo.png) left top no-repeat;. В третьих, "вытягивание" фона - штука весьма специфическая. Тут и пропорции изображения будут потеряны, да и изображение должно быть либо весьма большим, либо однородным, чтобы на мониторах с большим разрешением не появился эффект размытия. Растянуть картинку как фон можно так: img {display:block; content:""; // для старых версий Оперы width:100%; height:40%;} Итак, мы превратили изображение в блочный элемент, задали ей высоту и ширину. Если есть необходимость разместить на картинке что-то еще, то код будет таким: img {display:block; content:""; // для старых версий Оперы z-index:1;} img, div {position:absolute; width:100%; height:40%;} div {z-index:2;} И код head.html станет таким: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> img {display:block; content:""; // для старых версий Оперы z-index:1;} img, div {position:absolute; width:100%; height:40%;} div {z-index:2;} </style> </head> <body> <img src="image/pass" alt="" /> <div>...</div> </body> </html> Стили лучше убирать в CSS-файл.
-
Margin:0 auto для блока с абсолютным позиционированием
solovets-denis posted a question in HTML Coding
Приветствую. Возник вот такой вот вопрос. Есть блок со следующими стилями: .block {position:absolute; right:0; bottom:0; left:0; height:6em; max-width:1200px; margin:0 auto;} Верстка «резиновая». При достижении ширины блока в 1200 пикселей все хорошие браузеры выравнивают его по центру. И лишь обожаемый и неповторимый IE имел все в виду в порядке строгой очереди. Стандартные фиксы не спасают (из-за абсолютного позиционирования): .outer {text-align:center;} .outer * {text-align:left;} Есть ли разумное решение проблемы или же имеет смысл не выносить мозг и вложить в .block другой блочный элемент и прописать стили к нему? -
Как задать высоту td кроссбраузерно в абсолютных единицах?
solovets-denis replied to tini.kRyptoNite's question in HTML Coding
Вообще полезно использовать reset.css (Яндекс выдаст массу вариаций). Убирает собственные, даже самые неожиданные, стили браузеров всего-то по цене двух килобайт :-) -
Не стоит вкладывать article в article, это как-то нелогично. Вашу проблему решит float и заданный width.
-
Я бы рекомендовал помучиться с CSS3 Media Queries: все равно постепенно все сайты придук к адаптивному веб-дизайну, так почему бы не начать прямо сейчас? В CSS3 Media Queries можно указать, что при ширине экрана в 720 (400, 240) пикселей блок со статусом получает абсолютное позиционирование и переезжает к логитипу сайта. Так вы оптимально используете пространство и экран пользователя покажет больше полезной информации.
-
Большое спасибо!
-
Проблема с тенями текстов. Эту проблему я бы предложил никак не решать, т.к. имеющиеся в сети варианты - это лишний и весьма громоздкий JS, который не отличается универсальностью. Проблема с уехавшим блоком. Честно, покурил пять минут ваш код, но проблемы так и не увидел. Сам код чистый и новые Ослы его поймут. Наверное, проблема в превьюшке раздела (div.bcategory-image.align-left) и ее margin-right в 15px. Перенесите рисунок в тег H1, можно даже как фон, а к ссылке в H1 задайте padding-left в 48 пикселей, это и строчек кода поубавит, и положение дел должно поправить.
-
Друзья, я тут столкнулся с такой конструкцией в CSS: table [class*=span] {float:none;} Может, кто знает, что это такое?
-
Верстай в 100%. Важно: все браузеры делают отступы от краев по умолчанию. Чтобы избавиться от этого ужаса, необходимо в CSS написать body {margin:0; pasdding:0;}