Jump to content
  • 0

проблемы в фф


html
 Share

Question

данные стили идентично отображаются во всех браузерах

#wrapper .sidebar_right .search{position:relative;}
#wrapper .sidebar_right .search form fieldset input.search{position:absolute; top:0; left:16px;}
#wrapper .sidebar_right .search form fieldset input.button{position:absolute; top:0; left:166px;}

Link to comment
Share on other sites

18 answers to this question

Recommended Posts

  • 0

#wrapper .sidebar_right .search{padding:0 0 0 16px;}
#wrapper .sidebar_right .search form fieldset input.search{width:130px; padding:0 5px 0; border:0; color:#000; font-size:90%; line-height:27px; background:url(img/sfield.png) left top no-repeat;}
#wrapper .sidebar_right .search form fieldset input.button{width:62px; border:0; color:#FFF; font-size:90%; line-height:26px; background:url(img/sbutton.png) left center no-repeat;}

t570770_all2.png

Link to comment
Share on other sites

  • 0
1) Вот это попробуй убери: line-height:27px;

2) фон выровни везде по верхнему краю левому

во всех

t570814_alluns.jpg

с установленным height:27px для сёрча в фф, в остальных текст выравнивается правильно

t570815_ffh.jpg

высота фоновой картинки поиска 27пк, кнопки - 26пк

Edited by html
Link to comment
Share on other sites

  • 0
во всех

t570814_alluns.jpg

с установленным height:27px для сёрча в фф, в остальных текст выравнивается правильно

t570815_ffh.jpg

а фаербаговская раскладка что говорит по этим двум элементам?

скорей всего что-то фонит.

Link to comment
Share on other sites

  • 0

а помоему там надо что-то вроде vertical-align: top;

задать, потомучто недавно такоеже решал - в опере там стоит топ поумолчанию например и во всех браузерах вроде, а в фф там что-то вроде center

P.s. просто перефразировал слова Justnewone , видимо не был опробован его совет

Edited by Razor
Link to comment
Share on other sites

  • 0
а фаербаговская раскладка что говорит по этим двум элементам?

скорей всего что-то фонит.

не установлен

да, давай уже ссылку наконец

на локальном верстаю %)

Кстати, такая-же трабла у меня бывала фф, раньше... ща почему-то нед...)

Помниццо я решал это регулировкой:

<input style="padding:0 0 0 0;" type="text" />

смотрите код, есть там padding:0 5px 0;

а помоему там надо что-то вроде vertical-align: top;

задать, потомучто недавно такоеже решал - в опере там стоит топ поумолчанию например и во всех браузерах вроде, а в фф там что-то вроде center

P.s. просто перефразировал слова Justnewone , видимо не был опробован его совет

менял значения, не помогло.

установил бекграунд сёрчу

t570865_ffbg.jpg

откуда там отступ в 7пк? :angry:

Link to comment
Share on other sites

  • 0
не установлен

на локальном верстаю %)

смотрите код, есть там padding:0 5px 0;

менял значения, не помогло.

установил бекграунд сёрчу

t570865_ffbg.jpg

откуда там отступ в 7пк? :angry:

короче ты запарил уже, мы тут не телепаты тебе, уже 20 вариантов тебе сказали, значит какие то правила перебивают твои. В общем или ты даёшь ссылку или сам думай

Link to comment
Share on other sites

  • 0
короче ты запарил уже, мы тут не телепаты тебе, уже 20 вариантов тебе сказали, значит какие то правила перебивают твои. В общем или ты даёшь ссылку или сам думай

:angry: весь код отдельной колонки вставил, никакие другие стили не влияют. думаю, это баг фф.

Link to comment
Share on other sites

  • 0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>template</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<style type="text/css">
* {
margin: 0;
padding: 0;
font: 12px Tahoma;
}

body {
margin: 10px;
}

fieldset {
padding: 3px;
border: 1px solid;
}

input {
vertical-align: middle;
}

.txt {
padding: 11px 0;
}

.but {
height: 40px;
background: #69c;
border: 0;
}
</style>

<script type="text/javascript">

</script>

</head>

<body>

<form action="" method="post">
<fieldset>
<input type="text" class="txt" value="" />
<input type="button" class="but" value="багов нет!" />
</fieldset>
</form>

</body>
</html>

Link to comment
Share on other sites

  • 0
:angry: весь код отдельной колонки вставил, никакие другие стили не влияют. думаю, это баг фф.

Это баг в вашей голове. Потому что вы не понимаете, как все должно работать, и фантазируете.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy