Ужасен проблем хеелп!

2SHAE

Registered
Хора вижте сайта ми как се вижда със Internet Explorer:
SC_5.jpg


А вижте как се вижда със Firefox:
SC_6.jpg


Има и .css файл и си мисля,че е оттам затва плс хелп
 
Ами може нещо по CSS-са да си сбъркал. Попринцип ИЕ има много по-слаби четеци за CSS и дори и да ти е грешен може да не го разчете много правилно. Виж дали CSS-са ти е валидиран. И ако е дай го да видим защо неработи, защото така наслука неможем. Как да разберем какво си използвал?
 
Ето го целия цсс файл какво съдържа

{
BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
BODY {
FONT-SIZE: 78%; BACKGROUND: url(C:/Documents and Settings/nikolai/My Documents/New Folder (3)/body_bg.jpg) #e9d153 20% 20px; COLOR: #fff; FONT-FAMILY: "Trebuchet MS", Trebuchet, "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; TEXT-ALIGN: center
}
#topbody {
BACKGROUND: url(C:/Documents and Settings/nikolai/My Documents/New Folder (3)/topbody_bg.gif) repeat-x 10% 0px; WIDTH: 100%
}
#grunge {
BACKGROUND: url(C:/Documents and Settings/nikolai/My Documents/New Folder (3)/topgrunge_bg.jpg) repeat-x 10% 0px; WIDTH: 100%
}
#topgrunge {
BACKGROUND: url(C:/Documents and Settings/nikolai/My Documents/New Folder (3)topgrunge_bg.jpg) repeat-x 10% 0px; WIDTH: 100%
}
#grunge {
BACKGROUND: url(C:/Documents and Settings/nikolai/My Documents/New Folder (3)/topgrunge_bg.jpg) repeat-y 10% 0px
}
#topgrunge {
BACKGROUND: url(C:/Documents and Settings/nikolai/My Documents/New Folder (3)/topgrunge_bg.jpg) no-repeat 10% 0px
}
#countdown {
LEFT: 10px; COLOR: #8a9290; BOTTOM: -10px; POSITION: absolute
}
#countdown SPAN {
DISPLAY: block; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase
}
#cd_time {
FONT-WEIGHT: 900; FONT-SIZE: 40px; FONT-FAMILY: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", sans-serif
}
#cd_head {
FONT-SIZE: 11px; LEFT: 4px; POSITION: absolute; TOP: -5px
}
#cd_days {
FONT-SIZE: 10px; LEFT: 4px; BOTTOM: -6px; POSITION: absolute
}
#cd_hours {
FONT-SIZE: 10px; LEFT: 4px; BOTTOM: -6px; POSITION: absolute
}
#cd_minutes {
FONT-SIZE: 10px; LEFT: 4px; BOTTOM: -6px; POSITION: absolute
}
#cd_seconds {
FONT-SIZE: 10px; LEFT: 4px; BOTTOM: -6px; POSITION: absolute
}
#cd_hours {
LEFT: 68px
}
#cd_minutes {
LEFT: 134px
}
#cd_seconds {
LEFT: 198px
}
#lista A {
COLOR: #ddd; TEXT-DECORATION: none
}
#lista A:hover {
COLOR: #fff; TEXT-DECORATION: underline
}
#lista {
BACKGROUND: url(http://www.nfsgame.net/styles/style1/lista_bg.gif) #333 repeat-x 50% 0px; OVERFLOW: hidden; WIDTH: 100%; ; WIDTH: expression(document.body.clientWidth < 900 ? "900px" : "100%"); COLOR: #bbb; HEIGHT: 40px; min-width: 900px
}
#lista .textbox {
MARGIN: 0px auto; WIDTH: 880px; HEIGHT: 40px
}
#lista .right {
FONT-SIZE: 9px; FLOAT: right; MARGIN: 3px 10px; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 1.8em; FONT-FAMILY: Tahoma, Arial, sans-serif; TEXT-ALIGN: right
}
#lista .left {
FONT-SIZE: 9px; FLOAT: right; MARGIN: 3px 10px; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 1.8em; FONT-FAMILY: Tahoma, Arial, sans-serif; TEXT-ALIGN: right
}
#lista .logo {
DISPLAY: block; LEFT: -7px; FLOAT: left; OVERFLOW: hidden; WIDTH: 222px; POSITION: relative; TOP: 0px; HEIGHT: 40px
}
#lista .logo SPAN {
DISPLAY: block; LEFT: -7px; FLOAT: left; OVERFLOW: hidden; WIDTH: 222px; POSITION: relative; TOP: 0px; HEIGHT: 40px
}
#lista .logo SPAN {
BACKGROUND: url(http://www.nfsgame.net/styles/style1/lista_logo.gif); LEFT: 0px; POSITION: absolute
}
#lista .left {
FLOAT: left; TEXT-ALIGN: left
}
#lista .central {
FONT-SIZE: 100%; MARGIN: 0px
}
A {
COLOR: #ea7f38; TEXT-DECORATION: none
}
A:hover {
COLOR: #e2bd5e; TEXT-DECORATION: underline
}
H2 A {
COLOR: #fff
}
H1 A {
COLOR: #fff
}
H2 A:hover {
COLOR: #ddd
}
H1 A:hover {
COLOR: #ddd
}
H1 {
DISPLAY: block; FONT-WEIGHT: 900; FONT-SIZE: 200%; LEFT: -4px; OVERFLOW: hidden; WIDTH: 435px; CURSOR: hand; COLOR: #fff; POSITION: absolute; TOP: 64px; HEIGHT: 136px
}
H1 SPAN {
DISPLAY: block; FONT-WEIGHT: 900; FONT-SIZE: 200%; LEFT: -4px; OVERFLOW: hidden; WIDTH: 435px; CURSOR: hand; COLOR: #fff; POSITION: absolute; TOP: 64px; HEIGHT: 136px
}
H1 SPAN {
BACKGROUND: url(C:/Documents and Settings/nikolai/My Documents/New Folder (3)/head2.jpg); LEFT: 0px; POSITION: absolute; TOP: 0px
}
.menu H2 {
FONT-WEIGHT: bold; FONT-SIZE: 16px; BACKGROUND: url(C:/Documents and Settings/nikolai\My Documents/New Folder (3)/menu-cloud.gif) #fff no-repeat; TEXT-TRANSFORM: uppercase; WIDTH: 185px; COLOR: #000; HEIGHT: 90px; TEXT-ALIGN: center
}
.menu H2 SPAN {
MARGIN: 0px 10px; POSITION: relative; TOP: 40px
}
#content H2 {
FONT-WEIGHT: bold; FONT-SIZE: 1.4em; MARGIN: 1.2em 0px 0.33em; COLOR: #fff; BORDER-BOTTOM: #fff 2px solid
}
H3 {
FONT-WEIGHT: bold; FONT-SIZE: 1.2em; MARGIN: 0.8em 0.33em 0.2em
}
H4 {
FONT-WEIGHT: bold; FONT-SIZE: 1em; MARGIN: 0.8em 0.33em 0.2em
}
#kostra {
FONT-SIZE: 0.98em; BACKGROUND: url(C:/Documents and Settings/nikolai/My Documents/New Folder (3)/head.jpg) #000 no-repeat 50% 0px; MARGIN: 0px auto; WIDTH: 900px; POSITION: relative; TEXT-ALIGN: left
}
#head {
BACKGROUND: url(C:/Documents and Settings/nikolai/My Documents/New Folder (3)/head.jpg) #cbd9e4 no-repeat 50% 0px; MARGIN: 0px 20px 20px; POSITION: relative; HEIGHT: 354px
}
#foot {
CLEAR: both; WIDTH: 100%
}
.menu {
FONT-SIZE: 1.07em; WIDTH: 185px
}
.left {
DISPLAY: inline; FLOAT: left; MARGIN: 0px 0px 20px 20px
}
.right {
DISPLAY: inline; FLOAT: right; MARGIN: 0px 20px 20px 0px
}
.menu UL {
MARGIN: 10px 0px 20px; LINE-HEIGHT: 1.9em; LIST-STYLE-TYPE: none
}
.menu UL A {
PADDING-RIGHT: 5px; PADDING-LEFT: 35px; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; MIN-HEIGHT: 24px; PADDING-BOTTOM: 2px; COLOR: #fff; LINE-HEIGHT: 2em; PADDING-TOP: 2px
}
.menu UL A:hover {
BACKGROUND: url(http://prostreet.nfsgame.net/menu_hover.gif) #fff no-repeat 0px 50%; MARGIN-LEFT: 5px; COLOR: #000; TEXT-DECORATION: none
}
.menu UL.recent_comments {
CLEAR: none; FONT-SIZE: 0.7em; MARGIN: 0px 10px; WIDTH: auto! important; LINE-HEIGHT: 1.6em
}
.menu UL.recent_comments P {
MARGIN: 0.2em 5px 0.66em; TEXT-ALIGN: justify
}
.menu UL.recent_comments A {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; MIN-HEIGHT: auto; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ea7f38; PADDING-TOP: 0px
}
.menu UL.recent_comments A:hover {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; MIN-HEIGHT: auto; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ea7f38; PADDING-TOP: 0px
}
.menu UL.recent_comments A:hover {
TEXT-DECORATION: underline
}
.menu P {
MARGIN: 10px 5px
}
#content {
FLOAT: left; MARGIN: 10px 10px 20px; OVERFLOW: hidden; WIDTH: 470px
}
#content P {
MARGIN: 0.33em 5px; TEXT-INDENT: 1em; LINE-HEIGHT: 1.66em; TEXT-ALIGN: justify
}
#content P.sig {
FONT-SIZE: 0.92em; COLOR: #999; TEXT-INDENT: 0px; BORDER-BOTTOM: #999 1px solid; TEXT-ALIGN: right
}
#content P.gallery {
TEXT-INDENT: 0px! important; TEXT-ALIGN: center
}
#content P.gallery IMG {
BORDER-RIGHT: #999 2px solid; BORDER-TOP: #999 2px solid; MARGIN: 5px; BORDER-LEFT: #999 2px solid; WIDTH: 133px; BORDER-BOTTOM: #999 2px solid; HEIGHT: 90px; TEXT-ALIGN: center
}
#content P.aw IMG {
MARGIN: 0.33em 0px; WIDTH: auto; HEIGHT: auto
}
#content P.classic IMG {
HEIGHT: 100px
}
#content UL {
MARGIN: 0.66em 5px 0.66em 30px
}
#content OL {
MARGIN: 0.66em 5px 0.66em 30px
}
#content BLOCKQUOTE {
BORDER-RIGHT: #999 2px solid; BORDER-TOP: #999 2px solid; BACKGROUND: #111; BORDER-LEFT: #999 2px solid; BORDER-BOTTOM: #999 2px solid
}
#content .left {
FLOAT: left; MARGIN: 0.33em 5px 0px 0px
}
#content .right {
FLOAT: right; MARGIN: 0.33em 0px 0px 5px
}
.thumb {
BORDER-RIGHT: #999 2px solid; BORDER-TOP: #999 2px solid; BORDER-LEFT: #999 2px solid; BORDER-BOTTOM: #999 2px solid
}
A IMG.thumb {
BORDER-RIGHT: #e8611c 2px solid; BORDER-TOP: #e8611c 2px solid; BORDER-LEFT: #e8611c 2px solid; BORDER-BOTTOM: #e8611c 2px solid
}
A.thumb IMG {
BORDER-RIGHT: #e8611c 2px solid; BORDER-TOP: #e8611c 2px solid; BORDER-LEFT: #e8611c 2px solid; BORDER-BOTTOM: #e8611c 2px solid
}
.gallery A IMG {
BORDER-RIGHT: #e8611c 2px solid; BORDER-TOP: #e8611c 2px solid; BORDER-LEFT: #e8611c 2px solid; BORDER-BOTTOM: #e8611c 2px solid
}
A:hover IMG.thumb {
BORDER-RIGHT: #e2bd5e 2px solid; BORDER-TOP: #e2bd5e 2px solid; BORDER-LEFT: #e2bd5e 2px solid; BORDER-BOTTOM: #e2bd5e 2px solid
}
.thumb:hover IMG {
BORDER-RIGHT: #e2bd5e 2px solid; BORDER-TOP: #e2bd5e 2px solid; BORDER-LEFT: #e2bd5e 2px solid; BORDER-BOTTOM: #e2bd5e 2px solid
}
.gallery A:hover IMG {
BORDER-RIGHT: #e2bd5e 2px solid; BORDER-TOP: #e2bd5e 2px solid; BORDER-LEFT: #e2bd5e 2px solid; BORDER-BOTTOM: #e2bd5e 2px solid
}
FORM {
MARGIN: 0.33em 5px 0.66em
}
FORM.search {
TEXT-ALIGN: center
}
FORM {
FONT-SIZE: 1em; BACKGROUND: #000; COLOR: #fff; FONT-FAMILY: "Trebuchet MS", Trebuchet, "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif
}
FORM.search .input {
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; BORDER-LEFT: #999 1px solid; LINE-HEIGHT: 1.5em; PADDING-TOP: 1px; BORDER-BOTTOM: #999 1px solid
}
FORM.search .button {
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 0px; BACKGROUND: #222; PADDING-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; LINE-HEIGHT: 1.2em; PADDING-TOP: 0px; BORDER-BOTTOM: #999 1px solid; HEIGHT: 1.6em
}
UNKNOWN {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
#txpCommentInputForm .button {
BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 1em; BACKGROUND: #111; PADDING-BOTTOM: 1px; BORDER-LEFT: #333 1px solid; WIDTH: 250px; COLOR: #ccc; PADDING-TOP: 1px; BORDER-BOTTOM: #333 1px solid; FONT-FAMILY: "Trebuchet MS", Trebuchet, "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif
}
.comment_name_input {
BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 1em; BACKGROUND: #111; PADDING-BOTTOM: 1px; BORDER-LEFT: #333 1px solid; WIDTH: 250px; COLOR: #ccc; PADDING-TOP: 1px; BORDER-BOTTOM: #333 1px solid; FONT-FAMILY: "Trebuchet MS", Trebuchet, "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif
}
#txpCommentInputForm .input {
BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 1em; BACKGROUND: #111; PADDING-BOTTOM: 1px; BORDER-LEFT: #333 1px solid; WIDTH: 250px; COLOR: #ccc; PADDING-TOP: 1px; BORDER-BOTTOM: #333 1px solid; FONT-FAMILY: "Trebuchet MS", Trebuchet, "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif
}
.comment_email_input {
BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 1em; BACKGROUND: #111; PADDING-BOTTOM: 1px; BORDER-LEFT: #333 1px solid; WIDTH: 250px; COLOR: #ccc; PADDING-TOP: 1px; BORDER-BOTTOM: #333 1px solid; FONT-FAMILY: "Trebuchet MS", Trebuchet, "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif
}
.comment_web_input {
BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 1em; BACKGROUND: #111; PADDING-BOTTOM: 1px; BORDER-LEFT: #333 1px solid; WIDTH: 250px; COLOR: #ccc; PADDING-TOP: 1px; BORDER-BOTTOM: #333 1px solid; FONT-FAMILY: "Trebuchet MS", Trebuchet, "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif
}
.txpCommentInputMessage {
BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 1em; BACKGROUND: #111; PADDING-BOTTOM: 1px; BORDER-LEFT: #333 1px solid; WIDTH: 250px; COLOR: #ccc; PADDING-TOP: 1px; BORDER-BOTTOM: #333 1px solid; FONT-FAMILY: "Trebuchet MS", Trebuchet, "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif
}
.txpCommentInputMessage {
HEIGHT: 100px
}
#txpCommentInputForm .button {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid
}
#txpCommentInputForm LABEL.block {
DISPLAY: block; FLOAT: left; WIDTH: 7em; TEXT-ALIGN: right
}
.sep {
CLEAR: both; DISPLAY: block; MARGIN: 10px auto; WIDTH: 95%; BORDER-BOTTOM: #333 1px solid
}
.noscreen {
DISPLAY: none
}
HR {
DISPLAY: none
}
.noindent {
TEXT-INDENT: 0px! important
}
.nomargin {
MARGIN: 0px
}
.center {
TEXT-INDENT: 0px; TEXT-ALIGN: center! important
}
.clear {
CLEAR: both
}
.left {
FLOAT: left
}
.right {
FLOAT: right
}
#hglista {
BACKGROUND: #000; WIDTH: 100%; COLOR: #ce8235; BORDER-BOTTOM: #984a2c 2px solid; POSITION: relative; HEIGHT: 20px
}
UNKNOWN {
HEIGHT: 18px
}
#hglista A {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: #e2bd5e; BORDER-BOTTOM: 0px
}
#hglista A:hover {
COLOR: #ddd; BORDER-BOTTOM: #ce8235 1px solid
}
#hglista .hgl A {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#hglista .hgs A {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#hglista P {
PADDING-TOP: 1px
}
#hglista .hgl {
BORDER-RIGHT: #000 5px solid; BACKGROUND: #000; BORDER-LEFT: #000 5px solid; POSITION: absolute; TOP: 0px
}
#hglista .hgs {
BORDER-RIGHT: #000 5px solid; BACKGROUND: #000; BORDER-LEFT: #000 5px solid; POSITION: absolute; TOP: 0px
}
#hglista .hgl {
FONT-WEIGHT: 900; FONT-SIZE: 11px; LEFT: 0px; TEXT-ALIGN: left
}
#hglista .hgs {
FONT-WEIGHT: bolder; FONT-SIZE: 11px; RIGHT: 0px; TEXT-ALIGN: right
}
#hglista .hga {
FONT-SIZE: 11px; PADDING-TOP: 2px
}
 
малии това код ли е бре :shock:
толкова е зле че на всеки ред мога да ти кажа че не е добре - исключително нефункционален и непрактичен е. използвай само малки букви имаш повторения на контейнери и още куп неточности.

Иначе си оправи пътищата до картинките. Не са правилни. index-a и папката images(примерно) трябва да са в една папка и пътя да не почва с c:\... а направо imags/....jpg
 

Back
Горе