amelice

Я извиняюсь, но почему сразу флудить? Если вы собираетесь заниматься версткой и в дальнейшем, то неужели не интересно пройтись по темам, то у вас будут какие то вопросы. Сюда заходят новички, такие же как мы с вами и задают вопросы. Можете поучаствовать в разных обсуждениях или сами помочь им. Я считаю, что нужно начать с соблюдения условий на форуме.

Да, это я поспешила и написала про ИЕ7. Стоит Windows 7. А вот Internet Explorer Platform Preview (IE10) действительно поставлю, если там есть такая возможность выборки. Спасибо.

Понятно.

Пока не вижу смысла ставить новую версию ИЕ. Я им пользуюсь только для тестирования.

Как все хитро. Это точно, еще год назад комп купили с восьмеркой. И она до сих пор стоит.

Пожалуйста

И скорее бы ИЕ7 тоже перестали пользоваться, то удачно забыла бы страшное слово - layout. Доооо! Это мечта Откуда у тебя такой смайлик? В моем стандартном наборе нету такого.

И скорее бы ИЕ7 тоже перестали пользоваться, то удачно забыла бы страшное слово - layout.

Я сама тоже делала бордером одному из блоков. Но это не правильно. Так как высота блоков зависит от контента, то такое решение имеет место быть при идельной равной высоте двух блоков. Поэтому, я бы сейчас поступила так, создала б абсолютно позиционированный div.border внутри оберточного блока #main,и прописала бы следующие правила: .border{ top: 0; bottom: 0; left: 50%; position: absolute; width: 1px; background:#D6E4E8; } Но не уверена, что это хороший вариант... а #main присвоить relative.

Nekromancer, а как это делается? Средствами js или css? Можешь пример привести?

у меня в ИЕ8 блоки отображаются так же, как у тебя на скриншоте, а вот телефон внизу вот так:

А вы можете код показать, по вашему посту мне ничего не понятно?

Линия у вас сделан бэкграундом (1pxХ1px) блока #main. Нарисуйте эту линию обычным бордером. Она у вас исчезает при сильно уменьшенном разрешении масштаба. Я предполагаю, это происходит потому что она у вас обычная картинка, при сильном уменьшении она просто теряется.

Ну и при уменьшении окна просмотра 3-блок тоже съезжает вниз. NeoMurderer, попробуйте добавить в этот блок: .news, .content { border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; font-size: 13px; margin: 0 8%; width: 84%; } свойство min-width. min-width:1200px; 1200px- это условно, вы сами отрегулируете. Но чтоб значение именно в пикселях было. Вы ширину родительского блока задали в %. При уменьшении окна, соответственно будет пропорционально уменьшаться и родительский блок, а перемещаемые элементы внутри блока будут "бороться за существования" и выползать вниз. А так вы зададите минимальную ширину родительскому блоку, при этой ширине блок не будет уменьшаться, а потомки перестанут переходить вниз.

Кстати, еще по дизайну, мне кажется, что не хватает отступа слевой стороны в меню. Текст сильно прижат к левой стороне, а справа пустое место бросается в глаза.

Для установки связи со словом search и элементом формы. Вы использовали элемент h2, но слово searh не имеет ценной информации как заголовок, а просто подсказывает что за форма. Поэтому мне так кажется, что для этого слово логичнее использовать элемент label.

А мне дизайн очень понравился. Все просто и понятно. Идея с заголовком очень забавная и интересная. Только вот таким образом подпись под рисунком отображается у меня на экране. Точнее чуть-чуть вылазиит за пределы рамки. параметры монитора 1920Х1200.

Понятно, спасибо.

Great Rash, еще раз спасибо за подробные замечания. 3.убрала оберточный див, к элементу <а> присвоила: display:block и добавила отступ сверху. Мне кажется флоатом делать нет необходимости, так как он и так стоит вверху и слева. 4. перенесла все атрибуты размерности в css. 5. сначала .marker был обычным дивом, и нужно было писать это правило, чтоб учесть сверху флоат, а потом применила position, а clear убрать забыла. 6. убрала див, class="marker" перенесла внутреннему списку. 7. исправила. 8. исправила. 9. убрала список, вместо этого использовала дивы, чтобы обернуть внутренние 3(один из них рисунок с float:left) элемента. Правильно ли так делать?

По заданию было так: тогда объясните как меню может тянуться если вкладки в нем фиксированной ширины? Я не понимаю. Это бы вопрос, я у вас спрашивала, что если менять строчному элементу представление на блочный ИЕ6 понимает или нет?

Верно, но как я могу растянуть меню, если вкладки в нем не тянутся? Если я задам ссылке float: left;, то она автоматом станет блочным. Но она должна быть кликабельной, а ИЕ6 ведь не понимает когда строчному элементу меняешь представление на блочный? Про это не задумалась ... буду исправлять

Спасибо за замечания! 1.по заданию так нужно было делать: - 2. Переделаю на class. 3. Потому что внизу меню - обычный блок, если не делаю обертку лого, он выползает вверх. 4. не помню где, но прочитала что это обязательно, якобы если вдруг картинка не загрузится или пока она будет загружаться то размеры под неё будут под неё определены- будет понятно что здесь картинка. . . . Пошла исправлять ошибки.

Огромное спасибо! Ответ для меня поучительный и очень содержательный! Действительно не имея представления какие значения у элементов по умолчанию, обнулять всех и подряд, и в результате увеличивать работу браузера не имеет смысла. Я буду сбрасывать только те, которые имеет смысл обнулять.

Потому что это правило сработает ко всем элементам, что может в последствии вызвать сложности в их стилизации, например с формами. Ну или, например, такой, крайний случай - http://jsfiddle.net/MbKjT/ Тут можешь почитать обсуждения по поводу различных вариантов сброса: - http://forum.htmlbook.ru/index.php?showtopic=13814 - http://forum.htmlbook.ru/index.php?showtopic=25081 Про универсальный селектор - http://reference.sitepoint.com/css/universalselector Большое спасибо, приступила к изучению. Это немножко оффтоп: sigma77, ты мне посоветовала отличную книгу по CSS Дэвида Макфарленда, с практикой, по ней я как раз занимаюсь в данный момент. Не знаешь подобную книжку по javaScript, чтоб именно было с практикой для обучения.

По моему, отличная статья на эту тему.