Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / float и position проблема в IE6 / 6 сообщений из 6, страница 1 из 1
13.09.2009, 13:36
    #36192928
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float и position проблема в IE6
Здравствуйте
есть бокс углы которого скругленные, а в нем картинка которая должна залазить на правую часть рамки бокс. вот код, но он работает везде кроме ИЕ6, в котором почему рамка бокса плывет
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<style>
#boxes_red_right{margin: 7px 25px 7px 10px}
#boxes_red_right .bor1, #boxes_red_right .bor2, #boxes_red_right .bor3, #boxes_red_right .bor4{font-size:1px; overflow:hidden; display:block;}
#boxes_red_right .bor1 {height:1px; background:#fd6802; margin: 0  5px;}
#boxes_red_right .bor2 {height:1px; background:#ffffff; border-right:2px solid #fd6802; border-left:2px solid #fd6802; margin: 0  3px;}
#boxes_red_right .bor3 {height:1px; background:#ffffff; border-right:1px solid #fd6802; border-left:1px solid #fd6802; margin: 0  2px;}
#boxes_red_right .bor4 {height:2px; background:#ffffff; border-right:1px solid #fd6802; border-left:1px solid #fd6802; margin: 0  1px;}
#boxes_red_right .contentb {background: #ffffff; border-right:1px solid #fd6802; border-left:1px solid #fd6802;}
#boxes_red_right .contentinner {margin-left: 0px; padding-top: 15px; padding-bottom: 15px;}
</style>
<div id="boxes_red_right">
<b class="bor1"></b><b class="bor2"></b><b class="bor3"></b><b class="bor4"></b>
    <div class="contentb">
        <div class="contentinner">
<div style="position:relative; left: 19px; top:15px; float:right;"><a href="#"><img src="{$tpl_path}img/allnewprod.gif" /></a>   </div>

<div class="clear"></div>
     </div>
    </div>
<b class="bor4"></b><b class="bor3"></b><b class="bor2"></b><b class="bor1"></b>
</div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.09.2009, 14:10
    #36196678
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float и position проблема в IE6
подскажите пожалуйста как решить эту проблему, вот сделал страничку что бы наглядно можно было глянуть http://life24x7.com/a.htm
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.09.2009, 01:06
    #36205478
ZeroHold
ZeroHold
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float и position проблема в IE6
INOKENTiY,

Дык, а в чем собственно проблема то выражается?
у меня во всех браузерах в том числе и IE6 кажет замечательно одинаково.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2009, 06:46
    #36206736
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float и position проблема в IE6
ZeroHoldINOKENTiY,

Дык, а в чем собственно проблема то выражается?
у меня во всех браузерах в том числе и IE6 кажет замечательно одинаково.
у меня тоже кстати..
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2009, 19:13
    #36208556
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float и position проблема в IE6
немного переделал
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<style>
img{
border: 0  none;
text-decoration:none;
}

#boxes_red_right{margin: 7px 25px 7px 10px; width: 18 %}
#boxes_red_right .bor1, #boxes_red_right .bor2, #boxes_red_right .bor3, #boxes_red_right .bor4{font-size:1px; overflow:hidden; display:block;}
#boxes_red_right .bor1 {height:1px; background:#fd6802; margin: 0  5px;}
#boxes_red_right .bor2 {height:1px; background:#ffffff; border-right:2px solid #fd6802; border-left:2px solid #fd6802; margin: 0  3px;}
#boxes_red_right .bor3 {height:1px; background:#ffffff; border-right:1px solid #fd6802; border-left:1px solid #fd6802; margin: 0  2px;}
#boxes_red_right .bor4 {height:2px; background:#ffffff; border-right:1px solid #fd6802; border-left:1px solid #fd6802; margin: 0  1px;}
#boxes_red_right .contentb {background: #ffffff; border-right:1px solid #fd6802; border-left:1px solid #fd6802;}
#boxes_red_right .contentinner {margin-left: 0px; padding-top: 15px; padding-bottom: 15px;}
</style>
<div id="boxes_red_right">
<b class="bor1"></b><b class="bor2"></b><b class="bor3"></b><b class="bor4"></b>
    <div class="contentb">
        <div class="contentinner">
        <p> тут текст любой</p>
<div style="position: relative;"><a href="#"><img src="allnewprod.gif" style="position: absolute; right:-19px; bottom:0px"/></a>   </div>

<div class="clear"></div>
     </div>

    </div>
<b class="bor4"></b><b class="bor3"></b><b class="bor2"></b><b class="bor1"></b>
</div>
вот так отображается в ФФ, но если яваскрипт отключен то в углу страницы картинка дублируется %)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2009, 19:14
    #36208560
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float и position проблема в IE6
вот в ИЕ6
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / float и position проблема в IE6 / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 439ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454244]:
 0ms
get settings:
 6ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 168ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 32ms
get tp. blocked users:
 1ms
others: 200ms
total:  439ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]