| |
|
|
| | Здравствуйте, уважаемые программисты!
Есть код:
<html>
<head>
<style>
.basic {
display:block;
position:relative;
border:solid 0px #000;
width:287px;
margin:0 auto;
}
.divout {
display:block;
position:relative;
float:left;
border:solid 1px #000;
padding:1px;
height:500px;
}
.ulmenu {
display:block;
position:relative;
float:left;
border:solid 0px #000;
list-style:none;
padding:0px;
margin:0px;
background-color:#cccccc;
}
.ulmenu li {
display:block;
position:relative;
float:left;
margin:0px;
}
.ulmenu a {
display:block;
position:relative;
border:solid 1px #aa0000;
padding:10px 8px;
}
.after {
display:block;
position:relative;
clear:both;
border:solid 1px #000;
height:50px;
}
</style>
</head>
<body>
<div class="basic">
<div class="divout">
<ul class="ulmenu">
<li><a href="#">меню</a></li>
<li><a href="#">меню</a></li>
<li><a href="#">меню</a></li>
<li><a href="#">меню</a></li>
<li><span>логотип</span></li>
</ul>
<span class="after"></span>
</div>
</div>
</body>
</html>
|
Вопрос 1: Что нужно сделать для того, чтобы выровнять набросок сайта по центру браузера IE? В Google Chrome и Opera выравнивается.
Вопрос 2: Что нужно сделать для того, чтобы между правым краем ul и правой границей, родительского для него, блока div, в IE, не увеличивался зазор, когда после ul вставляется блок <span class="after"> c произвольной шириной? Опять же, в Оpera и Google Chrome всё отображается правильно и зазор отсутствует.
Вопрос 3: Каким образом можно увеличить зазор между UL и блоком <span class="after"> на 1px? | |
| |
|
|
| |
|
|
| |
для: SilentChild
(27.02.2012 в 15:11)
| | | Откликнитесь, пожалуйста. Хотябы решение 1-ого вопроса подскажите, кому не сложно. | |
| |
|
|
| |
|
|
| |
для: SilentChild
(01.03.2012 в 13:01)
| | | Можно как-то так
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<style>
.basic {
border: 1px solid #000;
width: 287px;
margin: 0 auto;
}
.divout {
border: 1px solid #f00;
padding: 1px;
height: 500px;
}
.ulmenu {
border: 1px solid #00f;
list-style: none;
padding: 0px;
margin: 0px;
background-color: #cccccc;
}
.ulmenu li {
float: left;
margin: 0px;
}
.ulmenu a {
display:block;
border:solid 1px #aa0000;
padding:10px 8px;
}
.after {
margin-top: 1px;
display:block;
clear:both;
border:solid 1px #000;
height:50px;
}
</style>
</head>
<body>
<div class="basic">
<div class="divout">
<ul class="ulmenu">
<li><a href="#">меню</a></li>
<li><a href="#">меню</a></li>
<li><a href="#">меню</a></li>
<li><a href="#">меню</a></li>
<li><span>логотип</span></li>
</ul>
<span class="after"></span>
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Yuriev
(01.03.2012 в 14:46)
| | | Премного благодарен Вам, сударь! Без Вашей помощи моя дальнейшая жизнь потеряла бы всякий смысл! =) Спасибо ОГРОМНОЕ! | |
| |
|
|
