Jump to content
  • 0

Сайт криво работает в IE8


stasik2204
 Share

Question

В CSS коде

#bottom_line {

background:url(../images/bottom_repairse_line.jpg) repeat-x bottom;

width:100%;

}

должна быть внизу сайта, но в IE она почему то уезжает вверх и не пойму в чем проблема, подскажите пожалуйста кто знает, во всех остальных браузерах все гуд.

Готов отблагодарить за помощь!

html, body                  { height: 100%; width: 100%; margin: 0; padding: 0; font-size: 12px; font-family: Tahoma; background:url(../images/mbg.jpg); }
table td { padding: 0px }
p { margin: 0; padding: 6px 0 5px; }
ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; list-style-type: none; }
form { padding: 0; margin: 0; }
a { text-decoration: underline; color: #AC410C; }
a:hover { text-decoration: none }
img { border: 0; margin: 0;}
.clear { clear: both }
/* 3- */
#wrapper { width: 1000px; margin:0 auto; background:url(../images/bg.jpg) repeat-y; text-align:left; }
#content { width: 770px; float: right; }
#text { min-height:300px; height:auto!important; height:300px; background: url(../images/text_box_top.jpg) no-repeat 0 70px; }
#left { float: left; width: 230px; min-height:300px; height:auto!important; height:300px; background:url(../images/top_menu_bg.jpg) no-repeat; }
dt,dl,dd { margin:0; padding:0;}

h1,h2,h3 {
font-size:17px;
margin:0;
padding:0;
}

h4,h5,h6 {
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
}

.fixbox {
text-align:center;
}

#bottom_line {
background:url(../images/bottom_repairse_line.jpg) repeat-x bottom;
width:100%;
}

#top_line {
background:url(../images/repeat_bg_top.jpg) repeat-x top;
width:100%;
height:504px;
}

#menu {
background:url(../images/top_menu2.jpg) no-repeat;
width:100%;
height:70px;
padding:1px 0 0;
}

#logo {
width:320px;
height:112px;
position:absolute;
left:0px;
top:0;
}

#introductory_text {
width:516px;
height:18px;
position:absolute;
bottom:5px;
right:145px;
}

#header {
width:1000px;
height: 345px;
background:url(../images/header2.jpg) no-repeat;
position:relative;
}

#footer {
width:1000px;
height: 165px;
background:url(../images/footer.jpg) no-repeat right;
}

.cat_menu {
padding:0 0 0 45px;
height:100px;
}

.cat_menu h3 {
font-size:17px;
color:#FFFFFF;
font-weight: normal;
padding:10px 0 0;
margin:0;
}

.moduletable_menu {
margin:8px 0 0 105px;
}

.moduletable_menu li {
display:inline;
font-size:15px;
padding:13px 30px 13px 31px;
font-weight:bold;
line-height:22px;
}

.moduletable_menu a {
color:#255C00;
font-size:15px;
text-decoration:none;
}

.moduletable_menu a:hover {
text-decoration:underline;
color:#FFFFFF;
}

.cat,
.news,
.pools,
.adbox {
margin:0 11px 0 31px;
}

.cat {
color:#404040;
border-top:1px dashed #B7B7B7;
padding:0 0 10px;
}

.cat li {
font-size:15px;
border-bottom:1px dashed #B7B7B7;
padding:3px 0;
}

.cat a {
color:#404040;
font-size:14px;
text-decoration:none;
padding:4px 10px 5px 20px;
display:block;
background:url(../images/mark.png) no-repeat 7px 50%;
}

.cat a:hover {
color:#FFFFFF;
background:url(../images/mark.png) no-repeat #AC410C 7px 50%;
font-size:14px;
}

.moduletablenewsfix {
margin:5px 0 0 0;
}

.moduletablenewsfix h3,
.moduletablepolls_mod h3 {
font-weight: normal;
color:#404040;
border-bottom:5px solid #AC410C;
padding:0 0 1px 15px;
}

.latestnewsnewsfix a {
font-size:12px;
text-decoration:none;
color:#404040;
font-weight:bold;
}

.newsfix div.newsfix {
padding:5px 1px 10px;
font-size:12px;
line-height:17px;
border-bottom:1px dashed #B7B7B7;
}

.newsfix div.newsfix p {
padding:0 0 2px;
}

a.readonnewsfix {
font-size:12px;
float:right;
}

.createdatenewsfix {
color:#919191;
font-size:12px;
float:left;
}

.moduletablepolls_mod {
padding:10px 0 0!important;
}

.poll_mod_title {
font-size:12px;
font-weight: normal;
padding:0;
margin:4px 0 5px;
color:#404040;
}

.jqTransformHidden {
display: none;
}

#poll_buttons_1 {
clear:both;
padding:5px 0 0!important;
}

.vote_line {
float:left;
width:100%;
padding:3px 0;
}

.jqTransformRadioWrapper {
float:left;
margin:0 7px 0;
display:inline;
}

.vote_layer span {
float:left;
font-size:11px;
}

a.jqTransformChecked {
background-position: 0 -13px;
}

.jqTransformRadio {
background:url(../images/votes.gif) no-repeat;
display: inline-block;
height: 13px;
vertical-align: middle;
width: 13px;
}

.jqTransformButton {
background:url(../images/button.png) no-repeat;
border:none;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;
width:93px;
height:23px;
padding-bottom:5px;
line-height:22px;
float: left;
display:inline;
font-size:11px;
margin:2px 0 0 0;
}

#poll_links {
background:url(../images/button.png) no-repeat;
color:#FFFFFF;
font-weight:bold;
float:left;
font-size:11px;
padding:4px 9px 5px 10px;
margin:2px 0 0;
display:inline;
}

#poll_links a {
color:#FFFFFF;
font-weight:bold;
font-size:11px;
text-decoration:none;
}

.adbox {
clear:both;
float:left;
padding:15px 0 0;
display:inline;
}

.content_box {
padding:10px 25px;
color:#404040;
line-height:18px;
}

.content_box h1 {
font-size:20px;
border-bottom:5px solid #B7B7B7;
padding-bottom:5px;
padding-left:3px;
color:#255C00;
font-weight:normal;
}

.content_box h3 {
color:#AC410C;
font-size:17px;
font-weight:normal;
border-bottom:5px solid #B7B7B7;
padding-bottom:4px;
}

.pagination {
color: #626262;
font-size:13px;
margin:10px 0;
float:left;
width:720px;
}

.pagination li {
display:inline;
padding:5px 2px;
float:left;
}

.pagination span {
color: #404040;
font-size: 13px;
font-weight: bold;
padding: 0 2px 2px;
}

.pagination strong span {
color: #E05300;
font-size: 13px;
padding: 1px 3px;
text-decoration: none;
}

.pagination a {
color: #AC410C;
font-size: 13px;
font-weight: bold;
padding: 2px 5px;
text-decoration: none;
background:#AC410C;
border:1px solid #6E2A09;
color:#FFFFFF;
}

.pagination span {
border:1px solid #B7B7B7;
padding:3px 5px;
}

.setartcle {
border-top:1px dashed #B7B7B7;
padding:5px 0;
margin:10px 0 0;
}

.published span {
color:#AC410C;
}

.published {
color:#919191;
float:left;
}

.content_box h2 a {
font-size:17px;
font-weight:normal;
text-decoration:none;
color:#255C00;
}

.content_box h2 {
border-bottom:5px solid #B7B7B7;
padding-bottom:4px;
padding-left:3px;
font-size:17px;
color:#255C00;
font-weight:normal;
}


.content_box p {
padding:3px 0;
}

.readmore {
float:right;
padding-right:10px;
}

.readmore a {
font-size:12px;
font-weight:bold;
}

.items-row {
width:720px;
float:left;
}

.column-1 {
float:left;
width:345px;
}

.column-2 {
float:right;
width:345px;
}

.items-leading {
float:left;
width:720px;
margin:0 0 10px;
}

.counters {
float:left;
margin:30px 10px 0 30px;
display:inline;
}

.copyright {
float:left;
margin:29px 0 0;
color:#FFFFFF;
}

.copyright a {
color:#FFFFFF;
}


.gallbox .moduletable {
width:700px;
padding:10px;
border:1px solid #919191;
background:#B7B7B7;
margin:10px 0 10px 27px;
}

.gallbox .sigplus-gallery {
border:1px solid #919191;
background:#E1E1E1;
padding:5px 0 5px 3px;
width:695px;
}


.contact h2 {
margin-bottom:5px;
}

.contact-address {
margin:7px 0 0;
}

.contact img {
float:left;
margin:0px 5px 0px 0px;
padding-top:5px;
}

.contact h3 {
border:none;
font-size:14px;
font-weight: bold;
padding-bottom:0;
clear:both;
color:#404040;
}

.star {
color:#FF0000;
}

*html .sigplus-gallery li {
float:left;
display:inline;
}

*html .sigplus-gallery li img {
margin:0 4px;
}

.componentheading {
border-bottom: 5px solid #B7B7B7;
color: #255C00;
font-size: 17px;
font-weight: normal;
padding-bottom: 4px;
padding-left: 3px;
margin-top:-20px;
}

.smalldark {
font-size:12px;
color:#404040;
font-weight:bold;
}

.all_news {
padding:6px 0 0;
text-align:right;
}

.all_news a {
font-size:11px;
color:#919191;
}

.contact-form {
border:1px solid #919191;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
border-radius: 15px;
border:30px solid #B7B7B7;
margin-top:10px;
background:#E9EAEE;
padding:15px;
}

.contact-form input {
height:20px;
border:1px solid #B7B7B7;
line-height:21px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:3px;
}

.contact-form textarea {
border:1px solid #B7B7B7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px;
}

*html .contact-form input {
height:25px;
padding:0;
}

.contact-form .button {
background:#E1E1E1;
border:1px solid #919191;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
border-radius: 5px;
font-size:14px;
font-weight:bold;
padding:5px 7px 7px;
margin:10px 0 0;
cursor:pointer;
height:33px;
line-height:20px;
width:200px;
}

.contact fieldset {
width:628px;
border:none;
}

.contact fieldset legend {
margin:0;
padding:0;
color:#AC410C;
font-size:13px;
font-weight:bold;
}

.moduletablerelatesbox {
width:720px;
margin:0 0 0 25px;
padding:10px 0 20px;
}

.moduletablerelatesbox h3 {
font-size:17px;
font-weight:normal;
border-bottom:5px solid #B7B7B7;
margin-bottom:5px;
text-transform:uppercase;
color:#AC410C;
padding-bottom:4px;
text-align:center;
}

.moduletablerelatesbox a {
line-height:21px;
font-size:14px;
font-weight:bold;
color:#255C00;
background:url(../images/arr.gif) no-repeat 0 6px;
padding-left:10px;
}

#xmap .level_0 {
padding:10px 0 10px 15px;
line-height:20px;
}


#xmap .level_1 {
padding-left:30px;
}

#xmap .level_1 a {
font-weight:normal;
}

#xmap a {
color:#404040;
font-size:12px;
font-weight:bold;
}

#xmap a:hover {
color:#AC410C;
}

.item-separator {
clear:both;
height:10px;
}

.category-desc {
padding-bottom:20px;
}
.item-page img {
margin:2px 8px 0 0;
}

Edited by Softlink
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

background:url(../images/bottom_repairse_line.jpg) bottom repeat-x;

По идее, вот так правильно. Поменяйте, вдруг поможет.

Нет результат тот же

background:url(../images/bottom_repairse_line.jpg) bottom repeat-x;

По идее, вот так правильно. Поменяйте, вдруг поможет.

Кто сказал, что так правильно? Можно пруфлинк?

Что за "пруфлинк"?

Link to comment
Share on other sites

  • 0

background:url(../images/bottom_repairse_line.jpg) bottom repeat-x;

По идее, вот так правильно. Поменяйте, вдруг поможет.

Кто сказал, что так правильно? Можно пруфлинк?

Кря:

CSS2.1

background: [background-attachment || background-color || background-image

|| background-position || background-repeat] | inherit

Edited by Gaspode
Link to comment
Share on other sites

  • 0

background:url(../images/bottom_repairse_line.jpg) bottom repeat-x;

По идее, вот так правильно. Поменяйте, вдруг поможет.

Кто сказал, что так правильно? Можно пруфлинк?

Кря:

CSS2.1

background: [background-attachment || background-color || background-image

|| background-position || background-repeat] | inherit

Не совсем понял что именно мне подойдет?

извиняюсь за глупый вопрос, просто еще чайник!

Link to comment
Share on other sites

  • 0

Gaspode,

Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному свойству

;)

stasik2204,

Не совсем понял что именно мне подойдет?

извиняюсь за глупый вопрос, просто еще чайник!

Выходит, что никак.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy