На картинке изображен блок, содержание которого улетело (выделен черным), почему, долго бился и не смог понять. Вот код: | Код |
<li class="user-page-right">
<ul>
<li class="user-page-right-photo"><a href="http://localhost/1/#loadPhoto"><img src="http://localhost/1/template/main/pictures/users/no-photo.gif" alt="Отсутствует фотография" /></a></li>
<li class="user-friends-content"><ul class="block">
<li class="caption"><a>Друзья онлайн (1)</a></li>
<li class="content">
<div class="root" id="root1">
<div class="scrollContainer" id="scroll1Container">
<div class="scrollContent" id="scroll1Content">
<ul class="user-friends">
<li class="userbg"><img src="http://localhost/1/template/main/pictures/users/users-online-bg1.png" id="fr0"/></li>
<li class="userinfo" onMouseOver="overUserFr('fr0')" onmouseout="outUserFr('fr0')" >
<ul class="userphoto">
<li class="background"><img src="http://localhost/1/template/main/pictures/users/users-online-bgphoto.png" alt=""/></li>
<li class="photo"><a href="http://localhost/1/users/profile/40" title="Перейти в профиль пользователя" target=_blank><img src="http://localhost/1/template/main/pictures/users/photo.jpg" alt="Перейти в профиль пользователя"/></a></li>
</ul>
<ul class="info">
<li class="fio"><a href="http://localhost/1/users/profile/40" title="Перейти к профилю пользователя">Тестович Юзер Фимов</a></li>
<li class="func"><a onmousedown="javascript:newMessage()">написать</a> | <a href="http://localhost/1/">профиль</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul></li>
|
| Код |
.user-page {
}
.user-page-right {
width: 175px;
float: right;
}
.user-page-right-photo {
margin-bottom:10px;
}
.user-friends-content {
}
.user-friends {
}
#root1 {
top:10px;
left:-30px;
}
.userinfo {
font-size: 9px;
margin-top: -80px;
position: relative;
left:2px;
text-align: center;
}
.user-friends {
height: 75px;
}
.userinfo .photo {
margin-top:-65px;
border: 1px solid #999;
width: 41px;
height: 54px;
padding:0;
position: relative;
margin-left:6px;
*margin-left:0;
*left:-2px;
}
.userphoto {
position: absolute;
*left:0;
}
.userinfo .info {
margin-top: 4px;
margin-left:55px;
width: 100px;
height: 66px;
padding-top:12px;
*position: relative;
*left: 30px
}
.userinfo .info .fio {
overflow: hidden;
}
.userinfo .info .fio a {
display: block;
font-size:9px;
color: #4d4d4d;
height: 40px;
text-decoration: none;
}
.userinfo .info .fio a:hover {
color: red;
}
.userinfo .func{
font-size:9px;
margin-top:-12px;
color: #be4a4a;
}
.userinfo .func a{
text-decoration: none;
font-size:9px;
margin-top:-16px;
color: #be4a4a;
}
.userinfo .func a:hover{
color: #e47070;
}
.no-online {
text-align: center;
font-size: 10px;
}
.user-link-profile {
text-align: center;
}
.user-link-profile a {
color: black;
}
.mode-params {
font-size:11px;
}
.mode-params a {
font-size:11px;
color: black;
}
.mode-params a:hover {
color: red;
text-decoration: none;
}
.tick {
float: left;
}
.mode-params ul {
width: 400px;
}
.mode-params {
margin-top:-7px;
text-align: left;
margin-bottom:10px;
}
.iblock {
font-family: Arial, Tahoma;
padding-bottom: 10px;
margin-bottom:10px;
border-bottom: 1px solid #da9b9b;
}
.iblock .caption {
float: left;
font-size:11px;
color: #595959;
border-bottom: 0;
width: 130px;
}
.user-page-content {
position: relative;
margin-right: 200px;
}
.user-date {
width:40px;
}
.user-year {
width: 50px;
}
.func a {
cursor: pointer;
}
.user-friends-content {
}
|
Подскажите пожалуйста, как исправить данный баг? В FF и Opera, осле 7 все ок.
Присоединённый файл ( Кол-во скачиваний: 15 )
Untitled_2.gif 30,11 Kb |
помогите рпазобраться с багом в IE6, Все улетело.. ) 
Загрузка ...
