red4pony

Изображение нужно было положить в #myPets, а в CSS для этого изображения добавить float:right;

Вы оказались правы, при изменении окна промежуток исчезает. Ничего не выходит Можно немного схитрить. Задать дополнительную обертку, добавить ей фон как у плавающих блоков, overflow:hidden (а у container убрать). Статья на Хабре. Нашел костыль для Safari 6: Для трех из четырех(или для всех, не могу попробовать) блоков с шириной 25% задать так: width: -webkit-calc(25%+1px);

Пытался найти решение. Но не смог. Неужели решение проблемы настолько очевидно, что знающие не хотят заморачиваться с ответом? Или это баг без решения? С inline-block'ами понятно откуда берутся промежутки. Но с плавающими как... Тем более что только в Safari, в Chrome этого нет. Хоть и базируются на одном движке.

Это и хорошо и плохо. В основном проблема крушения это блок "Мои зверьки" и рядом стоящая изображение ссылка "Заведи себе зверька". Не нужно было их разделять. Для первого блока задайте полностью целый фон (т.е. вместе с правой часть без собаки), и внутрь него поместите изображение собаки (с кусочном фона, но без границ).

У Вас экран 1280х1024? Ответьте пожалуйста на вопрос.

У #loginForm увеличивает (по модулю) margin-top этим Вы поднимете фон относительно окна просмотра. Затем для #uidLogForm задаете padding-top этим Вы спозиционируете форму относительно фона.

Так пусть футер просто идет в потоке. Если контента больше области просмотра, футер всегда будет автоматически прижиматься к низу. Вы бы показали макет или ссылку дали. Тогда можно было точно сказать что делать в Вашем случае.

Простите, а Вы сами верстали или это так делает Ucoz? Контейнер которому назначен фон это #loginForm, спозиционирован с помощью margin'ов (что является не лучшим вариантом). Вот эти отступы и стоит изменять чтобы выставить Ваш блок.

Он есть в разметке. Это сама форма входа. Добавьте в CSS новое правило для него.

Ваша верстка разъезжается во многих браузерах. По поводу фона. Если чтобы работало, то подойдет: для #uidLogForm задайте padding'и тем самым Вы отодвинете его от родительского блока.

Макет. Наверное многие не согласны с дизайном. И задачи как таковой нет. Разместить пару изображений - тривиально, неинтересно. Я бы посоветовал создать тему в разделе Сделайте мне бесплатно. Написать ТЗ, выложить макет (можно найти бесплатные PSD) или предоставить полную свободу действия и пообещайте возможность размещения этого сайта(он должен потом реально работать) в портфолио исполнителя. Если верить ветке Ищу работу желающие найдутся.

Пожалуйста

При правильной, структурированной верстке ничего особенного не нужно. Почему у Вас разъехалась, я не знаю, не углублялся в код. По поводу шаблонов http://htmlbook.ru/layout. Не стоит пользоваться тем что Вы до конца не понимаете. Разберитесь и напишите свой код - будет полезнее и конкретно под Ваши нужды.(+ легче поддерживать и скорость загрузки будет выше)

Спрячьте код под спойлер. По структуре кода. Тут самые азы. Меньше используйте оберток(т.е. лишние <div>). Меню создавайте с помощью списка Обращение к элементу с помощью класса. id только для ЯП. Все оформление в CSS Старайтесь не задавать явно высоту блоку (за исключением явных случаем как с прижатым футером - и тут можно покодавать) Вертикальное выравнивание лучше также не использовать, а вытягивать блоки вертикальными отступами и полями. Для каждой строки не нужно задавать свой элемент Таблицы использовать по назначению. Без особой надобности не вырывайте блок из потока (т.е. float, position: absolute и т.д.) Много лишних элементов и неудачная структура. Зайдите на фриланс, найдите опытного мастера-->его портфолио-->один из его сайтов-->откройте Firebug/другой инструмент и посмотрите код. Наглядно будет понятнее. P.S. Имена классов задавайте исходя из их предназначения, а не положения и оформления. Транслит - зло. Тем более у Вас же есть опыт задания имен переменных

Ох Pixel Perfect... Заголовки h4 не нужно было заворачивать в div. И вообще много обертки. Вот как мог бы выглядеть objective: <article class="objective"> <h4>Title</h4> <p>Paragraph</p> </article> Зададите для заголовка float:left и отступ слева и готово (ну может и параграфу поля/отступы по вкусу) P.S. Имена классов задавайте исходя из предназначения элемента, а не положения и оформления.

Вы создали тему не в той ветке. Вам нужно либо Предлагаю работу либо Сделайте мне бесплатно. Попросите администратора/модератора чтобы они перенесли тему в соответствующий раздел. P.S. В личку к Вам стоит запрет.

Ссылка не спецификацию.

Ну если рассматривать со стороны браузеров читающих с экранов - будет нарушена ARIA структура документа. P.S. Никогда не встречал чтобы кто-нибудь использовал ARIA - атрибуты.

Круто Тоже не заметил никаких скачков. Возможно это причуды взаимодействия height, margin, vertical-align: top. P.S. Проверял в IE 8, вся верстка погибает. P.S.S. Если время не поджимает то пересмотрите весь код, у Вас много ошибок.

Я про background-position. Там изначально было можно обойтись без абсолютного позиционирования, как ТП позже и сделала (правда не лучшим образом).

а не только для мозилы. Удалите позицию center. Зачем Вам repeat scroll 0 0 transparent? (Вы скопировали код из Firebug'a?) Перепишите первое правило с префиксом -webkit- P.S. Опоздал... Два раза было написано верное решение. Потом пишешь три раза правило для одного браузера. Тем более что сейчас у тебя все работает и отсюда можно сделать вывод что либо помогли на этом форуме, либо ты сам нашел решение приложив небольшое усилие (например почитал тут) что и нужно делать прежде чем создать тему

А где -webkit-?

Пожалуйста. В книге З. Джилленуотер - Сила CSS3. Освой новейший стандарт веб-разработок (Библиотека специалиста) - объясняется как заставить практически все браузеры понимать CSS3.(есть ссылки на необходимые библиотеке) Ну и естественно описывается само применение нового языка. Магические числа

Я имел ввиду зачем она на сайте