Wiem, że ten temat wielokrotnie powtarzał się na tym forum, ale bardzo proszę o forum.Ja potrafię robić strony w html, ale nie mam zielonego pojęcia o co chodzi w CSS, a taką strone zrobił mi właśnie grafik...
Błąd ten pojawia się tylko w IE.Prawe menu podczas otwierania strony schodzi pod lewe...Strona od długiego czasu chodziła poprawnie, ale teraz kiedy pracuje nad nią sporo osób to każdy coś psuje
.Słyszałem, że trzeba zrobić coś z trybami quirks, ale nie mam zielonego pojęcia co to jest i jak to zrobić.To jest mój css:
Adres mojej strony to skokinarciarskie.info.* { font-family: Arial, Tahoma, "Lucida Sans Unicode", Verdana, Trebuchet, Helvetica, Sans-Serif; }
html {
margin: 0;
padding: 0;
font-size: 12px;
height: 100%;
}
body {
color: #000;
margin: 0;
padding: 0;
background-color: #fff;
text-align: center; /* center layout in ie5 and 5.5. */
min-height: 100%;
height: 100%;
}
div, p {
padding: 0;
margin: 0;
}
img {
border: 0px;
}
div.container {
width: 990px;
margin: 0 auto 0px auto;
text-align: left;
}
/* ******************************************************* TOP */
div#top {
width: 990px;
height: 160px;
background-color: #fff;
background-image: url(../gfx/topBackground.jpg);
background-position: right bottom;
background-repeat: no-repeat;
}
div#topBar {
width: 100%;
height: 3px;
background-color: #cacaca;
border-top: #ffcc00 1px solid;
font-size: 1px;
}
div#top a.logo {
display: inline;
float: left;
}
div#topBox {
float: left;
display: inline;
width: 200px;
padding: 26px 0px 5px 7px;
text-align: center;
}
div#topBox h4 {
font-size: 12px;
font-weight: normal;
text-align: left;
color: #000;
background-image: url(../gfx/mainDots.gif);
background-repeat: repeat-x;
background-position: left bottom;
line-height: 20px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
div#topImg {
padding: 45px 0px 0px 0px;
}
/* ******************************************************* LEFT */
div#left {
float: left;
width: 200px;
margin-bottom: 2px;
line-height: 20px;
}
div#left h2 {
font-size: 12px;
font-weight: normal;
background-image: url(../gfx/leftBoxDots.gif);
background-repeat: no-repeat;
background-position: left bottom;
line-height: 20px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 10px 7px;
}
div#left a {
display: block;
text-decoration: none;
width: auto;
}
div.leftBox50 {
width: 200px;
padding: 0px 0px 10px 0px;
background-color: #ffcc00;
margin-bottom:1px;
background-image: url(../gfx/number50.gif);
background-position: right top;
background-repeat: no-repeat;
}
div.leftBoxGrayLight48, div.leftBoxGrayLight46, div.leftBoxGrayLight44 {
background-color: #888888;
width: 200px;
padding: 0px 0px 10px 0px;
margin-bottom:1px;
color: #fff;
background-position: right top;
background-repeat: no-repeat;
}
div.leftBoxGrayLight48 {
background-image: url(../gfx/number48.gif);
}
div.leftBoxGrayLight46 {
background-image: url(../gfx/number46.gif);
}
div.leftBoxGrayLight44 {
background-image: url(../gfx/number44.gif);
}
div.leftBoxGrayDark49, div.leftBoxGrayDark47, div.leftBoxGrayDark45, div.leftBoxGrayDark43 {
width: 200px;
padding: 0px 0px 10px 0px;
background-color: #7a7a7a;
margin-bottom:1px;
color: #fff;
background-position: right top;
background-repeat: no-repeat;
}
div.leftBoxGrayDark49 {
background-image: url(../gfx/number49.gif);
}
div.leftBoxGrayDark47 {
background-image: url(../gfx/number47.gif);
}
div.leftBoxGrayDark45 {
background-image: url(../gfx/number45.gif);
}
div.leftBoxGrayDark43 {
background-image: url(../gfx/number43.gif);
}
div.leftBoxGrayLight48 a, div.leftBoxGrayLight46 a, div.leftBoxGrayLight44 a, div.leftBoxGrayDark49 a, div.leftBoxGrayDark47 a, div.leftBoxGrayDark45 a, div.leftBoxGrayDark43 a {
padding: 0px 0px 0px 7px;
color: #fff;
}
div.leftBoxGrayLight48 a:hover, div.leftBoxGrayLight46 a:hover, div.leftBoxGrayLight44 a:hover, div.leftBoxGrayDark49 a:hover, div.leftBoxGrayDark47 a:hover, div.leftBoxGrayDark45 a:hover, div.leftBoxGrayDark43 a:hover {
color: #000;
background-color: #949494;
}
div.leftBox50 a {
color: #000;
padding: 0px 0px 0px 7px;
}
div.leftBox50 a:hover {
color: #ff5400;
background-color: #ffd630;
}
/* ******************************************************* MAIN */
div#main {
float: left;
width: 570px;
background-color: #f8f8f8;
margin-bottom: 2px;
background-image: url(../gfx/mainBackground.gif);
background-position: right top;
background-repeat: no-repeat;
padding: 0px 10px 10px 10px;
line-height: 20px;
}
div#main h1 {
font-size: 12px;
font-weight: bold;
color: #ff9c00;
background-image: url(../gfx/mainDots.gif);
background-repeat: repeat-x;
background-position: left bottom;
line-height: 20px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
div#main table {
width: 400px;
border-spacing: 0px;
padding: 0px;
margin: 0px;
}
div#main tr.uno {
background-color: #fff;
}
div#main tr.duo {
background-color: #ececec;
}
div#main tr.uno:hover, div#main tr.duo:hover {
background-color: #ffd630;
}
div#main a {
color: #ff7e00;
text-decoration: none;
}
div#main a:hover {
color: #000;
text-decoration: none;
}
div#main h2 {
display: inline;
float: left;
font-size: 12px;
font-weight: bold;
color: #000;
line-height: 20px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
div#main div.newsdate {
display: inline;
float: right;
padding: 0px;
margin: 0px;
color: rgb(149,149,149);
}
div#main p {
clear: both;
}
div#main p img{
float: right;
margin: 5px 5px 5px 5px;
}
/* ******************************************************* RIGHT */
div#right {
float: left;
width: 200px;
background-color: #fff;
margin-bottom: 2px;
background-image: url(../gfx/rightBackground.gif);
background-position: left top;
background-repeat: no-repeat;
min-height: 505px;
height: 505px;
}
div.rightBox, div.rightBoxCenter {
padding: 0px 7px 0px 7px;
}
div.rightBox a, div.rightBoxCenter a {
display: inline !important;
color: #ff7e00;
}
div.rightBox a:hover, div.rightBoxCenter a:hover {
color: #000;
}
div.rightBoxCenter {
text-align: center;
}
div.rightBox h3, div.rightBoxCenter h3 {
font-size: 12px;
font-weight: normal;
color: #000;
text-align: left;
background-image: url(../gfx/mainDots.gif);
background-repeat: repeat-x;
background-position: left bottom;
line-height: 20px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
div.rightBox table, td, tr {
padding: 0px;
margin: 0px;
font-size: 12px;
border-spacing: 0px;
}
div.rightBox table {
width: 100%;
}
div.rightBox tr:hover {
background-color: #f8f8f8;
}
div.rightBox td.name {
}
div.rightBox td.amount {
width: 35px;
text-align: right;
}
div.rightBox td.from {
width: 24px;
text-align: right;
}
/* ******************************************************* FOOTER */
div#footer {
clear: both;
width: 990px;
height: 25px;
background-color: #f5f5f5;
border-top: #ffcc00 1px solid;
color: #393939;
font-size: 11px;
}
div#footerUno {
width: 500px;
padding: 4px 0px 0px 5px;
float: left;
}
div#footerUno a {
color: #393939;
text-decoration: none;
}
div#footerUno a:hover {
color: #000;
text-decoration: none;
}
div#footerDuo {
float: right;
width: 450px;
text-align: right;
padding: 0px 5px 0px 0px;
color: #797a77;
}
div#footerDuo img {
padding: 7px 10px 0px 10px;
}
div#footerDuo a {
color: #797a77;
text-decoration: none;
}
div#footerDuo a:hover {
color: #000;
text-decoration: none;
}
/* ******************************************************* COPYRIGHT */
div#copyleft {
width: 990px;
height: 20px;
font-size: 10px;
color: #a1a1a1;
}
div#copyleftUno {
float: left;
width: 500px;
padding: 2px 0px 0px 5px;
}
div#copyleftDuo {
float: right;
width: 450px;
text-align: right;
padding: 2px 5px 0px 0px;
}
div#copyleftUno a, div#copyleftDuo a {
color: #a1a1a1;
text-decoration: none;
}
div#copyleftUno a:hover, div#copyleftDuo a:hover {
color: #000;
text-decoration: none;
}
Pozdrawiam i bardzo proszę o pomoc !