| |
|
|
| | Есть следующий код, содержащий список Ul, состоящий из пяти Li. В IE отображается правильно. В Google Hrome и Opera немного не так. Остаются расстояния снизу и справа. Не могу понять в чём загвоздка. Подскажите, пожалуйста.
<html>
<head>
<title></title>
<style>
div.divmenu {
margin-top:200px;
border:solid 1px #000;
padding:50px;
}
.ulmenu {
display:block;
position:relative;
list-style:none;
border:solid 1px #000;
height:35px;
width:297px;
padding:0px;
margin:0px;
}
.ulmenu li {
display:block;
position:relative;
float:left;
border:solid 1px #000;
}
a {
display:block;
position:relative;
top:0px;
border:solid 1px #ff0000;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
margin:0px;
}
</style>
</head>
<body>
<div class="divmenu">
<ul id="ulmenu" class="ulmenu">
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
</ul>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: SilentChild
(20.02.2012 в 22:12)
| | | Это ж зачем вам столько бордеров друг в дружке? :-)
<html>
<head>
<title></title>
<style>
.divmenu {
margin-top: 200px;
border: solid 1px #000;
padding: 50px;
}
.ulmenu {
display: block;
border:solid 1px #000;
float: left;
padding: 0;
margin: 0;
height: 39px;
}
.ulmenu li {
display: block;
list-style-type: none;
float: left;
border: solid 1px #000;
}
.ulmenu li a {
display: block;
border: solid 1px #ff0000;
padding: 0 10px;
line-height: 35px;
}
.clear {
clear: both;
overflow: hidden;
font-size: 0;
}
</style>
</head>
<body>
<div class="divmenu">
<ul id="ulmenu" class="ulmenu">
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
</ul><div class="clear"></div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: ЯСА
(20.02.2012 в 22:47)
| | | Благодарю Вас! Бордеры для того, чтобы видеть на этапе разработки где что отходит и не стыкуется. =)
Можно вопрос? А для чего нужен <div class="clear"></div>? По-моему он ни на что не влияет, может быть это не так? | |
| |
|
|
| |
|
|
| |
для: SilentChild
(21.02.2012 в 20:17)
| | | Он вам пригодится, если после этих блоков, последуют другие не плавающие блоки. | |
| |
|
|
| |
|
|
| |
для: cheops
(21.02.2012 в 21:25)
| | | Благодарю за ответ! | |
| |
|
|
| |
|
|
| |
для: SilentChild
(21.02.2012 в 20:17)
| | | т.к. у вас высота задана для ul этот div действительно ни на что не влияет. | |
| |
|
|
