Здравствуйте. Делаю шапку странички, а там текст, который должен быть в одну строчку, во всех браузерах отображается нормально, а в мозилле и сафари происходит перенос. Если кто-нибудь знает почему, объясните, плиз
html
css
html
Код:
<div id="content">
<!-- header start -->
<div id="header">
<div class="header_leftside"><img src="img/zolp.gif" width="147" height="33" alt="" /></div>
<div class="header_rightside">
<a href=""><img src="img/bt_query.gif" width="61" height="61" alt="" class="bt_query" /></a>
<div class=text_header>
<h1>Заголовок</h1>
<p>А вот этот текст переносится на другую строку!:( чтоб его
<a href=""><img src="img/bt_arrow.gif" width="31" height="28" alt="" class="bt_arrow" /></a></p>
</div>
</div>
</div>
<!-- header end -->
</div>
Код:
#content{
width: 1000px;
margin: 0 auto;
}
#header{
padding-top:7px;
height:86px;
}
#header .header_leftside{
float:left;
padding-left:50px;
padding-top:20px;
}
#header .header_rightside{
float:right;
paddin-right:20px;
}
#header .bt_query{
padding-top:5px;
padding-right:25px;
float:left;
border:none;
}
#header .header_rightside h1{
font-family: 36 pt "Times New Roman", Times, serif;
}
#header .text_header p{
font: 12 pt Tahoma;
}
#header .bt_arrow{
vertical-align:-10px;
padding-left:10px;
border:none;
}