Список форумов Шадринский форум -> Программирование -> PHP, PERL, HTML, CSS etc -> Проблемка небольшая возникла
Начать новую тему   Ответить на тему   вывод темы на печать

Проблемка небольшая возникла

Автор
Сообщение
a1ex.k
Освоившийся


Пол: Пол:Муж.
Зарегистрирован: 22.06.2007
Сообщения: 88


Статус: Offline
СообщениеДобавлено: 2007.09.29 21:51.32
Ответить с цитатой
Вот у меня проблемка и до меня че то не доходит как ее решить...

Проблема заключаеться в том, что в ослике при наведения указателя на div все работает норм, а вот в опере почему то при наведении фон выходит на 20-30 пикселей за правую грань div...

HTML:
<div>
  <a href="#">
    <b>Заголовок</b><br>
    Текст. Текст. Текст. Текст. Текст. Текст. Текст. Текст.
  </a>
</div>


CSS:
div
  {
    width: 300px;
    border: 3px double #666666;
    background-color: #c5c5c5;
  }
a
  {
    font-family: tahoma;
    font-size: 10px;
    color: #666666;
    padding: 5 5 5 5px;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
  }
a:hover
  {
    color: #c5c5c5;
    background-color: #666666;
  }
b
  {
    font-size: 12px;
    font-weight: normal;
  }
Посмотреть профиль Отправить личное сообщение
Konst
Писатель


Пол: Пол:Муж.
Зарегистрирован: 25.11.2004
Сообщения: 682


Статус: Offline
СообщениеДобавлено: 2007.09.30 11:46.10
Ответить с цитатой
Убери width: 100%; из стиля для ссылки.
P.S.: И height: 100%; тоже - лишнее.
Посмотреть профиль Отправить личное сообщение
a1ex.k
Освоившийся


Пол: Пол:Муж.
Зарегистрирован: 22.06.2007
Сообщения: 88


Статус: Offline
СообщениеДобавлено: 2007.09.30 17:07.47
Ответить с цитатой
Цитата
Убери width: 100%; из стиля для ссылки.
P.S.: И height: 100%; тоже - лишнее.

height еще можно убрать, а вот width нифига подобного... С помощью width'а фон задаеться у всего div контейнера, если я уберу ширину то фон будет только под текстом...

Самц проблему я понял, она изза padding'а в ссылке, т.е. он к ширине контейнера (в опере) добаляет еще и паддинги и получаеться такой бред...

И кстати я вспомнил что решить можно с помощью "трюков", т.е. добавить:

*html a
  {
    width: 100%;
  }
Посмотреть профиль Отправить личное сообщение
Konst
Писатель


Пол: Пол:Муж.
Зарегистрирован: 25.11.2004
Сообщения: 682


Статус: Offline
СообщениеДобавлено: 2007.10.02 12:48.20
Ответить с цитатой
a1ex.k писал(а):
height еще можно убрать, а вот width нифига подобного... С помощью width'а фон задаеться у всего div контейнера, если я уберу ширину то фон будет только под текстом...
Ты пробовал сделать так, как я сказал? Или сразу стал спорить?
Посмотреть профиль Отправить личное сообщение
a1ex.k
Освоившийся


Пол: Пол:Муж.
Зарегистрирован: 22.06.2007
Сообщения: 88


Статус: Offline
СообщениеДобавлено: 2007.10.02 13:49.57
Ответить с цитатой
Цитата
Ты пробовал сделать так, как я сказал? Или сразу стал спорить?

Пробовал...

Вернее фон меняеться во всем div, но в ослике только при наведении на текст, а в опере при наведении на любую часть div... Вот мне необходимо что бы все было как в опере... Я уже все исправил, и все работает как нужно... Ща осталось над дизайном повозиться...
Посмотреть профиль Отправить личное сообщение
Страница 1 из 1
Начать новую тему   Ответить на тему   вывод темы на печать
Показать сообщения:   
Список форумов Шадринский форум -> Программирование -> PHP, PERL, HTML, CSS etc -> Проблемка небольшая возникла

 
Перейти: 
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете вкладывать файлы
Вы можете скачивать файлы