(x)HTML/WML/CSS | не расползается
Wannecca
Wannecca, мля, ну я же тебе пример скинул.
AMADIS 
AMADIS (01.01.2017 в 10:11)
Wannecca, мля, ну я же тебе пример скинул.
Wannecca, мля, ну я же тебе пример скинул.
Там кнопки тогда становятся маленькими квадратными.
Width: auto, 100%, приписывал все равно маленькие квадратные.
<html>
<meta charset="utf-8">
<title>Русский экспресс</title>
<p align="center"><font size="7" align="center" color="#000000" face="Arial">test</font></p>
<style>
body{
background: #c4c7cb;
background-image: -webkit-radial-gradient(cover, #FFF,#D1D1D1 );
background-image: -moz-radial-gradient(cover, #e8eaec, #a4a8ae);
background-image: -o-radial-gradient(cover, #e8eaec, #a4a8ae);
background-image: radial-gradient(cover, #e8eaec, #a4a8ae)
}
html{
min-height:100%;
}
.Navigation{
height: 50px;
padding: 0;
margin: 0;
position: absolute;
}
.Navigation li {
height: auto;
width: 981px 100%; /*здесь*/
float: left;
text-align: center;
list-style: none;
font: 19px "Bonveno", "Century Gothic";
padding: 0;
margin: 0;
background-color: #eee;
border: 2px solid #ccc;
box-shadow: 0 1px 0 r55,255, .9) inset, 0 1px 3px rgba(0,0,0, .1);
border-radius: 3px;
margin-left:10px;
}
.Navigation a{
padding:30px;
text-decoration: none;
color:#333;
text-shadow: 0 1px #fff;
display: block;
}
.Navigation li ul{
display: none;
height: auto;
margin-left: -11px;
padding: 0;
}
.Navigation li:hover ul{
display: block;
}
.navbar li ul li {
background-color:#eee;
border: 1px solid #ccc;
}
.Navigation li:hover, a:hover {
background: #e8e8e8;
}
#footer {
position: fixed; /* Фиксированное положение */
left: 0; bottom: 0; /* Левый нижний угол */
padding: 5px; /* Поля вокруг текста */
background: #E2E3E5; /* Цвет фона */
color: #000000; /* Цвет текста */
width: 100%; /* Ширина слоя */
}
</style>
<head>
</head>
<body><div id="Navigation">
<ul class="Navigation">
<li><a href="#">test</a>
<ul>
</ul>
</li>
<li><a href="#">test2</a>
<ul>
</ul>
</li>
</ul>
</div>
</body>
</html>
<meta charset="utf-8">
<title>Русский экспресс</title>
<p align="center"><font size="7" align="center" color="#000000" face="Arial">test</font></p>
<style>
body{
background: #c4c7cb;
background-image: -webkit-radial-gradient(cover, #FFF,#D1D1D1 );
background-image: -moz-radial-gradient(cover, #e8eaec, #a4a8ae);
background-image: -o-radial-gradient(cover, #e8eaec, #a4a8ae);
background-image: radial-gradient(cover, #e8eaec, #a4a8ae)
}
html{
min-height:100%;
}
.Navigation{
height: 50px;
padding: 0;
margin: 0;
position: absolute;
}
.Navigation li {
height: auto;
width: 981px 100%; /*здесь*/
float: left;
text-align: center;
list-style: none;
font: 19px "Bonveno", "Century Gothic";
padding: 0;
margin: 0;
background-color: #eee;
border: 2px solid #ccc;
box-shadow: 0 1px 0 r55,255, .9) inset, 0 1px 3px rgba(0,0,0, .1);
border-radius: 3px;
margin-left:10px;
}
.Navigation a{
padding:30px;
text-decoration: none;
color:#333;
text-shadow: 0 1px #fff;
display: block;
}
.Navigation li ul{
display: none;
height: auto;
margin-left: -11px;
padding: 0;
}
.Navigation li:hover ul{
display: block;
}
.navbar li ul li {
background-color:#eee;
border: 1px solid #ccc;
}
.Navigation li:hover, a:hover {
background: #e8e8e8;
}
#footer {
position: fixed; /* Фиксированное положение */
left: 0; bottom: 0; /* Левый нижний угол */
padding: 5px; /* Поля вокруг текста */
background: #E2E3E5; /* Цвет фона */
color: #000000; /* Цвет текста */
width: 100%; /* Ширина слоя */
}
</style>
<head>
</head>
<body><div id="Navigation">
<ul class="Navigation">
<li><a href="#">test</a>
<ul>
</ul>
</li>
<li><a href="#">test2</a>
<ul>
</ul>
</li>
</ul>
</div>
</body>
</html>
Wannecca, html{
min-height:100%;
}
//мда... Совсем дуб дубом что ли?
min-height:100%;
}
//мда... Совсем дуб дубом что ли?
AMADIS (01.01.2017 в 17:52)
Wannecca, html{
min-height:100%;
}
//мда... Совсем дуб дубом что ли?
Wannecca, html{
min-height:100%;
}
//мда... Совсем дуб дубом что ли?
Я не знаю хтмл, а делать заставляют! Там долго говорить.
AMADIS (01.01.2017 в 17:52)
Wannecca, html{
min-height:100%;
}
//мда... Совсем дуб дубом что ли?
Wannecca, html{
min-height:100%;
}
//мда... Совсем дуб дубом что ли?
И причём высота, если мне надо ширину увеличить?
