X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> В Mozilla Firefox сдвигается кнопка...
denis_mw
denis_mw
Topic Starter сообщение 29.6.2012, 9:07; Ответить: denis_mw
Сообщение #1


В Mozilla Firefox возникла проблема. Почему-то кнопка "Вход" и надпись "Забыли пароль" понимается к самому верху sidebar'а. Скорее всего, из-за того, что эти два элемента заключены в теги: table, tr и td. Помогите мне, пожалуйста.
Кусок кода html:
<table width="100%" cellspacing="0" cellpadding="0">
   <tr>
    <td><input class="login-btn" type="image" src="images/bg-login.jpg" /></td>
<td><h4><a href="#">Забыли пароль?</a></h4></td></tr></table>

Кусок кода css:
.login-btn{
margin:10px 0 0 18px; height:20px; width:60px;
-moz-margin::60px 0 0 18px;
}
.vidget h4{
font:13px Arial; color:#000; margin:16px 10px 0 0;
}
.vidget h4 a{
color:#000; text-decoration:underline;
}
.vidget h4 a:hover{
color:#000; text-decoration:none;
}

Во всех браузерах выглядит это так:
[img]http://i051.radikal.ru/1206/4d/ae897d110c03.jpg[/img]
А в Mozill'е так:
[img]http://s008.radikal.ru/i306/1206/33/5691d8bb42fb.jpg[/img]
Заранее благодарю за помощь!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
c0ns0l3
c0ns0l3
сообщение 29.6.2012, 10:03; Ответить: c0ns0l3
Сообщение #2


Нипанятно с куска кода, который ты вставил, дай ссылку.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
denis_mw
denis_mw
Topic Starter сообщение 29.6.2012, 10:33; Ответить: denis_mw
Сообщение #3


[member=c0ns0l3], сайта нету еще. Я на компе пока делаю.

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 29.6.2012, 14:05; Ответить: yury_mw
Сообщение #4


Теоретическая часть :)
Ваша проблема возникла из-за того, что у вас в форме использованы плавающие элементы, а именно поля ввода почты и пароля (у них установлено стилевое свойство float:right;), которые поэтому выпадают из основного потока и выходят за границы родительского элемента, и в результате этого родительский элемент схлопывается. Для того, чтобы предотвратить схлопывание необходима очистка потока.
Практическая часть :)
Короче, вам поможет стандартная очистка потока в вашей форме, например, так:
добавляем к стилю формы, в которой живут ваши плавающие поля
.loginform-main{
float: none;
}
стилевые свойства width:100%; overflow:hidden;
.loginform-main{
float: none;
width:100%; overflow:hidden;
}

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
denis_mw
denis_mw
Topic Starter сообщение 29.6.2012, 14:21; Ответить: denis_mw
Сообщение #5


Большое спасибо! Первая верстка прошла с трудом)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСчетчики трекеров не отображаются в Mozilla Firefox
Самый глючный браузер наверное
26 muratastana 3606 13.12.2022, 8:36
автор: muratastana
Открытая тема (нет новых ответов) Кнопка телефона на мобильной версии
0 katuwa 1168 28.9.2019, 20:35
автор: katuwa
Открытая тема (нет новых ответов) Странная кнопка
4 microooji 6071 5.1.2014, 15:00
автор: -klenovnn-
Открытая тема (нет новых ответов) Кнопка для отправки сообщения с сайта
12 LadyRi 3410 25.2.2013, 14:48
автор: Symphony
Открытая тема (нет новых ответов) [HTML,CSS] Кнопка улетает вниз в IE/Chrome, Facebook iFrames - код внутри
2 msk1 6496 23.2.2013, 0:37
автор: -msk1-


 



RSS Текстовая версия Сейчас: 28.3.2024, 20:29
Дизайн