Добрый вечер, очень новый для мира веб-дизайна, но любящий его до сих пор, и этот сайт мне очень помог, но я застрял в проблеме firefox.Ширина жидкости не работает в firefox
В Safari, IE, Chrome и Opera мой макет работает так, как предполагается. Но только в Firefox свойство min-width не работает! Компоновка держит сжатие и 15px правый край продолжает двигаться влево, вместо остановки (как это происходит в 4 других браузерах!)
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="IL_new.css">
<title>Name here</title>
</head>
<body>
<header>
<div id="header-text">Name here</div>
<nav>
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
</ul>
</nav>
</header>
<div id="margin">
<div id="shell">
</div>
</div>
</body></html>
с укладкой:
header {
background: -webkit-linear-gradient(top, #19cad5 0%,#0066b5 100%);
background: -moz-linear-gradient(top, #19cad5 0%,#0066b5 100%);
background: linear-gradient(to bottom, #19cad5 0%,#0066b5 100%);
border: solid black; border-width: 1 0 1 0;
height: 125px;
margin: 0 0 0 0;
position: relative;
min-width: 900;
}
#header-text {
border: 1px solid black;
color: #610079 ;
height: 125;
position: absolute; left:0px; bottom:0px;
padding:0 0 0 30;
font-family: "verdana"; font-size: 48px; font-weight: bold;
}
/* START DROP DOWN NAV MENU */
nav {
position:absolute; right:0px; bottom:0px;
padding:0 30 0 0;
}
nav ul li {
float: left;
padding: 0 15;
list-style: none;
}
/* END DROP DOWN NAV MENU */
/* END HEADER */
/* START CONTAINERS */
#margin {
border: 1px solid red;
height: 300;
margin: 10 15;
min-width: 870;
}
#shell {
border: 1px solid green;
height: 300;
min-width: 870;
}
/* END CONTAINERS */
Будучи столь новой для этого , Я не сомневаюсь, что в моей заметке есть некоторые ошибки/обратные действия, но, как уже упоминалось, он работает именно так, как я хочу, в Opera, Safari, IE и Chrome, но НЕ FIREFOX!
границы и т.д. есть для моего дизайна ссылки
Я использую последние версии всех браузеров
Большое спасибо за ваше время. Шейн
вам нужно добавить меру ваших ширины, мин ширины, отступов, границ и т.д. - например, рх, эм,% – Pete
Спасибо Пит. Я неправильно предположил, что, поскольку я мог бы написать «margin: 0 auto»; что я мог бы отказаться от px от всего – NZGamma