| |
 17.4 Кб |
|
| | Добрый день!
В процессе верстки(а в этом деле я большой новичок:)) возникла такая проблема:
Все стили отлично работают... Но, только в опере. В других браузерах не растягивается фоновый рисунок меню на всю ширину и контейнер не растягивается по длине текста.
Вот css-код
body,html
{
margin:0px;
padding:0px;
height:100%;
position: relative;
}
.contaner
{
width:960px;
bacground-color: #c7b39b;
line-height: 18px;
margin: 0 auto;
box-shadow: 0 0 10px #000;
height:auto;
position: relative;
}
.menu-top
{
list-style:none;
width:960px;
padding:0;
margin:auto;
min-width:960px;
background:url('/public/images/background.png') repeat-x;
}
.menu-top li
{
float:left;
font:bold 14px Arial;
}
.menu-top a
{
color:#666;
display:block;
height:40px;
line-height:36px;
padding:0px 10px 0px 10px;
background:#eee;
background:url(/public/images/background.png) repeat-x;
text-decoration:none;
}
.menu-top a:hover
{
color:#fff;
background:#888;
}
.right-menu
{
margin-top:0;
margin-left:800px;
width: 160px;
padding-left: 1px;
}
.content
{
margin: 1px;
width: 780px;
padding: 0px;
text-align: justify;
border-left: 1;
float: left;
}
|
А вот html-разметка:
<body >
<div class="contaner">
<ul class="menu-top">
<li>
<a href="url">Текст</a></li>";
</ul>
<p><br>
<div class="content">
</div>
<div class="right-menu">
<table border=0 width="150px" class="menu" >
<tr>
<th align="center">
Меню
</th>
</tr>
<tr>
<td align="right">
<a href="adasd">asdasd</a><br>
<a href="asdasd">uiuoqwe</a>
</td>
</tr>
</table>
</div>
</div>
</body>
|
Пытался решить проблему по-всякому, итог всё тот же. В сети решений не нашёл.
Зы: во вложении - скрин того, как отображается в других браузерах. На примере хрома | |
| |
|
|
| |
|
|
| |
для: swerwer
(23.07.2013 в 08:26)
| | | ackground-size: 100% 100%;
http://jsbin.com/exuwat/1/edit | |
| |
|
|
| |
|
|
| |
для: Deed
(23.07.2013 в 17:06)
| | | К сожалению, эффекта нуль. | |
| |
|
|
| |
|
|
| |
для: swerwer
(23.07.2013 в 08:26)
| | | программирование требует аккуратности
а у вас то bacground, то background
url то с кавычками, то без них...
когда такое видишь, помогать всякое желание пропадает
ибо понимаешь - для вас сам процесс программирования неинтересен
любой совет вы тут же забудете
и завтра опять сюда придёте с каким-нить другим (но снова мусорным!) кодом | |
| |
|
|
| |
|
|
| |
для: яса1
(23.07.2013 в 18:56)
| | | Яса, ну, это Вы зря.
Опечатка с bacground встречается всего один раз.
И то, я этот момент совсем удалил, как ненужный мне. С вёрсткой я встречаюсь в первый раз. В кавычки код был заключён для эксперимента в процессе отладки, т.к. они совсем не обязательны.
"мусорным кодом"... Никогда не занимался вёрсткой. И влез в это дело только от необходимости. | |
| |
|
|
