Резиновый макет.

[Red Planet]

Добрый день! Месяца два назад не смог сверстать макет, так как не по силам было, но теперь решил вернуться.

Проблема сейчас в том, что Mozilla Firefox 2.0.0.17 шапка делает лишний отступ после того, как ставлю блок со свойством float: right, в других браузерах все как положено. В чем причина?

Макет.

Суть ошибки.

Верстка

Edited January 16, 2011 by Red Planet

[psywalker]

Забудь про ФФ2, а лучше в ссылках текст сделай нормальный, а не картинкой.

[Red Planet]

Забудь про ФФ2

psywalker, хотел дополнить сообщение вопросом еще до вашего ответа, но раз уж тема зашла, то сам Бог велел спросить.

Ликбез по браузерам.

1. На какие браузеры вообще не стоит обращать внимания?

2. Есть ли такие браузеры, на которых можно положиться? Скажем, если на них работает, то на других и проверять не за чем - будет работать однозначно.

а лучше в ссылках текст сделай нормальный, а не картинкой

А мне думается, что спрайты там - самое оптимальное. Если по-вашему, то придется делать ссылку текстом, ей фон, изменение фона на hover для каждой. Мучений будет больше.

Edited January 16, 2011 by Red Planet

[deadrash]

А мне думается, что спрайты там - самое оптимальное. Если по-вашему, то придется делать ссылку текстом, ей фон, изменение фона на hover для каждой. Мучений будет больше.

Хотя бы для поисковиков впишите текст и задайте text-indent:-9999px; вроде так.

[Red Planet]

Хотя бы для поисковиков впишите текст и задайте text-indent:-9999px; вроде так.

Это для того чтобы поисковики искали слова home, about us, support и т. д.?

Edited January 16, 2011 by Red Planet

[eVErl@Sting]

Укажи нормальный доктайп

P.S.: А это в конце кода что за wtf:

</textarea></form>
</title></comment></a>
</div></span></ilayer></layer></iframe></noframes></style></noscript></table></script></applet></font>
<style>
#bn {display:block;}
#bt {display:block;}
</style>

[psywalker]

psywalker, хотел дополнить сообщение вопросом еще до вашего ответа, но раз уж тема зашла, то сам Бог велел спросить.

Ликбез по браузерам.

1. На какие браузеры вообще не стоит обращать внимания?

2. Есть ли такие браузеры, на которых можно положиться? Скажем, если на них работает, то на других и проверять не за чем - будет работать однозначно.

А мне думается, что спрайты там - самое оптимальное. Если по-вашему, то придется делать ссылку текстом, ей фон, изменение фона на hover для каждой. Мучений будет больше.

1) Менее фф3, Менее Опера 10, Менее ИЕ6

2) Нет, нету

3) Текст должен быть по возможности.

[Red Planet]

eVErl@Sting, это виноват narod.ru

psywalker, deadrash, спасибо за ответы.

Edited January 27, 2011 by Red Planet

[Red Planet]

Еще вопросы.

1. Там есть поле ввода, в котором текст посередине (по вертикали). Такое достигается путем задания одинаковых значений padding?
   Например.
   

   div.for-search form input.input-text {
   	padding: 3px 0;
   }

   
   

   <div class="for-search">
   	<img src="images/magnifier.png" alt="Search" />
   
   	<form name="input-to-search">
   		<input type="text" class="input-text"></input>
   	</form>
   </div>

   
   
   

2. Как сделать, чтобы при наведении на ссылку выделялась не она, а элемент списка?
   
   

Edited January 27, 2011 by Red Planet