2013-04-19 2 views
1

У меня есть проблема, которая ломает мой сайт и выглядит. Мой заголовок хорошо работает в Chrome, но разбивается на firefox. Я исправил его, тогда он хорошо работал firefox и сломался в хроме.атрибут атрибута стиля на основе агента браузера

Мне было интересно, есть ли способ определить, какой браузер просматривает сайт, и на основе этого применяется соответствующий код стиля. Я плохо разбираюсь в javascript, поэтому очень ценю вашу поддержку.

Код для хрома:

  <table id="mini-login" cellpadding="10" cellspacing="10" style="margin-top:0px; float:left; margin-left:80px;"> 

Код для Firefox:

  <table id="mini-login" cellpadding="10" cellspacing="10" style=" margin-top:-95px; float:left; margin-left:40px;" 

enter image description here

enter image description here

ответ

0

Прежде всего, вы должны избегать кодирования в <tables>. Вы можете использовать div для таких макетов.

Попробуйте position:relative и настроить top, left, right, bottom так же код работает в обоих браузерах.

+0

это не работает, потому что я уже пробовал. Я действительно должен использовать div, и я согласен. Но все же мне нужно исправить это :( –

+0

Пожалуйста, поделитесь URL-адресом, поэтому я мог бы попробовать что-то с этим. Вы также должны использовать firebug для изменения макета во время выполнения. – Harpreet

+0

он разработан, к сожалению, локально. –

0

Вы можете использовать Modernizr, в частности, load feature, чтобы загрузить ресурсы, основанные на чело .

Смежные вопросы