Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Перенос блока в IE 6.0

Обсуждение темы Перенос блока в IE 6.0 в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Добрый день. Подскажите пожалуйста, столкнулся с проблемой верстки под IE 6.0, во всех остальных браузерах, включая IE 8.0 Все ОК. Сайт http://viktoriya-tour.com/ Код ...


Закрытая тема
 
Опции темы
Старый 09.03.2010, 16:20   #1
Добрый день. Подскажите пожалуйста, столкнулся с проблемой верстки под IE 6.0, во всех остальных браузерах, включая IE 8.0 Все ОК. Сайт http://viktoriya-tour.com/
Код CSS:
Код HTML:
*{
margin:0px;
padding:0px;
}
img{border:0px;}
html{
width:100%;
height:100%;
background-image:url(images/bg.gif);
background-position:top left;
background-repeat:repeat-x;
}
body{
width:1000px;
margin:0 auto;
font:0.8em/1.5 "arial", sans-serif;
}
#header{
width:1000px;
overflow:hidden;
}
.input{
width:112px;
height:14px;
background-image:url(images/input_bg.gif);
background-position:top left;
background-repeat:no-repeat;
border:0px;
padding:2px 8px;
margin:0 8px 0 0;
color:#0D0D0D;
float:left;
}
.enter{
background-image:url(images/enter_bg.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
width:63px;
height:29px;
text-align:center;
padding:2px 9px 0 0
}
#header .enter a{
color:#FEEEE4;
text-decoration:none;
padding:0 15px
}
.links a{
color:#D8DCE0;
padding:0 13px;
text-decoration:underline
}
.links a:visited{text-decoration:underline}
.links a:hover{text-decoration:none}
.login{
padding:0 0 0 409px;
}
#menu{
padding:14px 0 16px 245px;
float:left;
list-style-type:none;
}
#menu li{
display:inline;
padding:0 13px;
line-height:20px;
}
#menu a{
color:#E8E9E9;
text-decoration:none;
}
#menu a:visited{text-decoration:none}
#menu a:hover{text-decoration:underline; color:#ffffff;}
#wrapper{
width:956px;
overflow:hidden;
padding:0 0 54px 39px;
}
#sidebar{
font:0.8em/1.5 "arial", sans-serif;
font-size:11px;
width:198px;
float:left;
}
.slogan{
color:#FFFFFF;
background-color:#A65019;
line-height:20px;
display:block;
float:left;
padding:0 7px;
}
.logo_block{
width:198px;
overflow:hidden;
float:left;
padding:0 0 29px 0px;
}
.text1{
color:#858484;
width:145px;
display:block;
float:left;
padding:18px 0 10px 0;
background-image:url(images/brick.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
#navigation{
padding:20px 0 0 0;
}
#navigation li{
list-style-type:none;
line-height:19px;
padding:0 0 0 8px;
}
#navigation a{
color:#363636;
text-decoration:none;
}
#navigation a:visited{text-decoration:none}
#navigation a:hover{text-decoration:underline}
.color{
background-image:url(images/color.gif);
background-position:top left;
background-repeat:no-repeat;
}
#content{
background-image:url(images/pic.jpg);
background-position:top left;
background-repeat:no-repeat;
font:0.8em/1.5 "arial", sans-serif;
font-size:11px;
width:746px;
overflow:hideen;
float:left;
}
.search{
padding:104px 0 162px 533px;
color:#505051
}
.search input{
width:114px;
height:18px;
background-image:url(images/search_bg.gif);
background-position:top left;
background-repeat:no-repeat;
border:0px;
padding:2px 8px;
margin:0 0 0 8px;
color:#0D0D0D;
}
.bg{
width:740px;
background-image:url(images/dash.gif);
background-position:top left;
background-repeat:repeat-y;
float:left;
overflow:hidden;
padding:0 0 5px 0
}
.column1{
width:465px;
padding:35px 50px 0 7px;
color:#333333;
float:left;
}
.column1 p{
display:block;
width:460px;
padding:20px 0 25px 3px;
text-align:justify
}
#items{
padding:17px 0 0 5px;
width:450px;
float:left;
overflow:hidden;
}
.item{
width:201px;
float:left;
margin:0 15px 13px 0;
float:left;
}
.item img{float:left}
.item span{
background-image:url(images/span_bg.gif);
background-position:top left;
background-repeat:no-repeat;
display:block;
float:left;
height:18px;
line-height:18px;
width:192px;
padding:0 0 0 9px;
}
.item a{
color:#FFFFFF;
text-decoration:none
}
.column2{
width:200px;
float:left;
padding:35px 0 0 10px
}
.news{
font:0.8em/1.5 "arial", sans-serif;
font-size:11px;
color:#333333;
padding:20px 0 0 0;
float:left;
overflow:hidden;
text-align:justify
}
.news span{
color:#FFFFFF;
display:block;
float:left;
background-color:#91A711;
line-height:17px;
padding:0 11px 0 4px;
margin:0 0 10px 0;
}
.news p{
display:block;
float:left;
width:200px;
padding:0 0 5px 0;
}
.more{
display:block;
float:left;
color:#009EDC;
text-decoration:underline
}
.more:visited{text-decoration:underline}
.more:hover{text-decoration:none}
.news img{
padding:0 0 11px 0
}
#footer{
background-image:url(images/footer_bg.gif);
background-position:top left;
background-repeat:repeat-x;
width:950px;
margin:0 auto;
text-align:center;
font:0.8em/1.5 "arial", sans-serif;
font-size:12px;
}
#footer li{
color:#E8E9E9;
display:inline;
list-style-type:none;
line-height:28px;
}
#footer li a{
color:#E8E9E9;
margin:0 10px;
text-decoration:none
}
#footer li a:visited{text-decoration:none}
#footer li a:hover{text-decoration:underline}
#footer p{
line-height:46px;
padding:5px 0 0 0;
text-align:center;
color:#323232
}
#footer p a{
color:#254A73;
text-decoration:underline
}
#footer p a:visited{text-decoration:underline}
#footer p a:hover{text-decoration:none}
.info{
font:0.8em/1.5 "arial", sans-serif;
font-size:11px;
color:#333333;
padding:18px 0 12px 0
}
.button{
background-image:url(images/button_bg.gif);
background-position:top left;
background-repeat:no-repeat;
width:71px;
text-align:center;
font:0.8em/1.5 "arial", sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
display:block;
padding:2px 0 3px 0
}
.tree{
margin:-30px 0 17px 0;
color:#333333
}
.tree a{
color:#333333;
text-decoration:underline;
}
.tree a:visited{text-decoration:underline}
.tree a:hover{text-decoration:none}
.gallery{
padding:20px 0 0 0;
}
.gallery div{
width:468px;
overflow:hidden;
float:left;
background-color:#191919;
padding:11px 0 0 8px;
/ padding:11px 0 10px 8px;
}
.gallery div div{
float:left;
width:436px;
padding:0px 0 0 7px;
}
.gallery div img{
float:left;
}
.gallery div div img{
float:left;
margin:0 9px 10px 0
}
.arrow{
margin:40px 0 0 0;
display:block;
float:left;
}
Заранее благодарю!
 
Старый 09.03.2010, 16:20
Ссылки
Старый 09.03.2010, 16:53   #2
У вас есть http://viktoriya-tour.com/images/title1.gif эта картинка, лишнее у нее уберите.
<img src="http://viktoriya-tour.com/images/title1.gif" /> и в коде размер ей пропишите ие любит такие мелочи

<img src="http://viktoriya-tour.com/images/title1.gif" width="198" height="24" />
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
Medon (09.03.2010)
Старый 09.03.2010, 17:27   #3
Попадание, как говорится, в яблочко!!! Спасибо, помогло, теперь все работает!
 
Старый 09.03.2010, 17:27
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Автоматическое изменение высоты блока kpripper HTML, CSS, JavaScript 1 20.12.2011 15:24
помогите с градиентом блока в IE phenor HTML, CSS, JavaScript 1 05.07.2011 16:28
фон для блока удалить parch HTML, CSS, JavaScript 4 22.05.2010 19:42
Javascript - движение блока Glook HTML, CSS, JavaScript 6 11.03.2008 20:52
Ширина и высота блока в Nc graphh HTML, CSS, JavaScript 6 08.04.2004 13:30


Текущее время: 08:05. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум