| Шацкий Денис |
11.01.2011 15:54 |
Позиционирование в FireFox
Здравствуйте! При разметке страницы через CSS возникла проблема с FireFox'ом. Задумка была такая: есть три div-блока на странице - left, right и main. Блоки left и right растягиваются по вертикале относительно блока main. Всё это работает в IE и отказывается работать в ff: width: 100% работает относительно окна браузера, а не блока main.
В HTML:
html>
<head>
<title><? include('title.php'); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="default.css">
</head><? include('background.php');?>
<div id="main">
<div id="left">
</div>
<div id="right">
</div>
<!-- Прелоадер -->
<script type="text/javascript" language="JavaScript">
<!--//--><![CDATA[//><!--
if (document.images) {
var img = new Object();
img["first"] = new Image(200, 210);
img["first"].src = "btn.tng";
img["second"] = new Image(200, 210);
img["second"].src = "btna.png";
// и так далее...
}
//--><!]]>
</SCRIPT>
<?
include ('browser.php');
?>
<font size=5 color="purple"><b><p align="center">
<?
include('stih.php');
?>
</p></b>
font color="black" size=3><b><p align=center>
<?
include('fl.php');
?>
</p></b>
</font>
</div>
</body>
В CSS-файле:
#left{
position: releative;
width:150px;
float:left;
height:100%;
background:url(r1.png);
}
#right{
position: releative;
width:150px;
float:right;
height:100%;
background:url(r1.png);
}
#main{
width:auto;
height:100%;
width:auto;
}
html, body {
height: 100%;
width:100%;
font-family:Arial, Helvetica, sans-serif;
cursor: url(cur.cur), auto;
}
a:link,
a:visited,
a:active{
color: red;
cursor: url(cur.cur), auto;
}
a:hover{
cursor: url(cur.cur), auto;
}
table, img, form {
border:0;
}
object, img, a{
outline: none;
cursor: url(cur.cur), auto;
}
A {
text-decoration: none;
}
Заранее спасибо! :) |
