Co zrobić by strona wyglądała jednakowo dla Opery, Mozilli czy IE??
Dziękuję.
Mój CSS:
Kod
body {
background-color: #3b3b3b;
position: relative; top: -195px;
}
a {
text-decoration:none;
color: red;
font-weight: bold;
}
#header2 {
position: relative; top: 1px;
text-align: center;
width: 992px;
height: 41px;
}
#zegar {
background-color: #284e66;
text-align: right;
width: 170px;
height: 25px;
}
#up {
float: left;
text-align: center;
}
#up ul { margin: 0; padding: 0; list-style-type: none; }
#up li { margin: 0 0 .2em 0; }
#up a { display: block; color: #67caf4; background-color: #284e66; width: 132px; padding: .2em .8em; text-decoration: none; }
#up a:hover{ background-color: #369; color: #67caf4; }
#header {
position: relative; top: 1px;
text-align: center;
width: 992px;
height: 155px;
}
#block {
background-color: #3b3b3b;
position: relative; left: 1px;
width: 992px;
height: 155px;
}
#Pmenu {
position: relative; left: 826px;
position: relative; top: 399px;
text-align: center;
background-color: #284e66;
width: 160px;
height: 59px;
z-index: 3;
}
#menu {
position: relative; left: 0px;
position: relative; top: 0px;
text-align: center;
background-color: #284e66;
width: 160px;
height: 160px;
z-index: 1;
font-weight: bold;
}
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu li { margin: 0 0 .2em 0; }
#menu a { display: block; color: #67caf4; background-color: #284e66; width: 132px; padding: .2em .8em; text-decoration: none; font-weight: bold; }
#menu a:hover{ background-color: #369; color: #67caf4; }
#log {
position: relative; left: 826px;
position: relative; top: 419px;
text-align: center;
background-color: #284e66;
width: 160px;
height: 59px;
z-index: 3;
}
#news {
background-color: #284e66;
position: relative; left: 120px;
font-family: arial;
text-align: left;
text-decoration:none;
color: black;
position: relative; top: -181px;
float: left;
width: 667px;
height: 0px;
}
#send {
background-color: #284e66;
position: relative; left: 160px;
font-family: arial;
text-align: left;
text-decoration:none;
color: black;
position: relative; top: -657px;
float: left;
width: 667px;
height: 0px;
}
#info {
background-color: #284e66;
position: relative; left: 120px;
text-align: left;
position: relative; top: -181px;
float: left;
width: 667px;
height: 30px;
z-index: 10;
}
#download {
background-color: #284e66;
position: relative; left: 160px;
font-family: arial;
text-align: left;
position: relative; top: -658px;
float: left;
width: 667px;
height: 530px;
}
#koment {
background-color: #284e66;
position: relative; left: 160px;
font-family: arial;
text-align: left;
position: relative; top: -657px;
float: left;
width: 667px;
height: 500px;
}
#lmenudown {
position: relative; left: 0px;
position: relative; top: 0px;
text-align: center;
background-color: #284e66;
width: 160px;
height: 59px;
z-index: 5;
}
#newsK {
position: relative; left: -160px;
text-align: center;
position: relative; top: 0px;
float: left;
width: 667px;
height: 30px;
}
#logout {
background-color: #284e66;
position: relative; left: 10px;
position: relative; top: -137px;
float: left;
width: 667px;
height: 500px;
}
a { color: #35dcff; }
a:hover { color: #0088df; }
background-color: #3b3b3b;
position: relative; top: -195px;
}
a {
text-decoration:none;
color: red;
font-weight: bold;
}
#header2 {
position: relative; top: 1px;
text-align: center;
width: 992px;
height: 41px;
}
#zegar {
background-color: #284e66;
text-align: right;
width: 170px;
height: 25px;
}
#up {
float: left;
text-align: center;
}
#up ul { margin: 0; padding: 0; list-style-type: none; }
#up li { margin: 0 0 .2em 0; }
#up a { display: block; color: #67caf4; background-color: #284e66; width: 132px; padding: .2em .8em; text-decoration: none; }
#up a:hover{ background-color: #369; color: #67caf4; }
#header {
position: relative; top: 1px;
text-align: center;
width: 992px;
height: 155px;
}
#block {
background-color: #3b3b3b;
position: relative; left: 1px;
width: 992px;
height: 155px;
}
#Pmenu {
position: relative; left: 826px;
position: relative; top: 399px;
text-align: center;
background-color: #284e66;
width: 160px;
height: 59px;
z-index: 3;
}
#menu {
position: relative; left: 0px;
position: relative; top: 0px;
text-align: center;
background-color: #284e66;
width: 160px;
height: 160px;
z-index: 1;
font-weight: bold;
}
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu li { margin: 0 0 .2em 0; }
#menu a { display: block; color: #67caf4; background-color: #284e66; width: 132px; padding: .2em .8em; text-decoration: none; font-weight: bold; }
#menu a:hover{ background-color: #369; color: #67caf4; }
#log {
position: relative; left: 826px;
position: relative; top: 419px;
text-align: center;
background-color: #284e66;
width: 160px;
height: 59px;
z-index: 3;
}
#news {
background-color: #284e66;
position: relative; left: 120px;
font-family: arial;
text-align: left;
text-decoration:none;
color: black;
position: relative; top: -181px;
float: left;
width: 667px;
height: 0px;
}
#send {
background-color: #284e66;
position: relative; left: 160px;
font-family: arial;
text-align: left;
text-decoration:none;
color: black;
position: relative; top: -657px;
float: left;
width: 667px;
height: 0px;
}
#info {
background-color: #284e66;
position: relative; left: 120px;
text-align: left;
position: relative; top: -181px;
float: left;
width: 667px;
height: 30px;
z-index: 10;
}
#download {
background-color: #284e66;
position: relative; left: 160px;
font-family: arial;
text-align: left;
position: relative; top: -658px;
float: left;
width: 667px;
height: 530px;
}
#koment {
background-color: #284e66;
position: relative; left: 160px;
font-family: arial;
text-align: left;
position: relative; top: -657px;
float: left;
width: 667px;
height: 500px;
}
#lmenudown {
position: relative; left: 0px;
position: relative; top: 0px;
text-align: center;
background-color: #284e66;
width: 160px;
height: 59px;
z-index: 5;
}
#newsK {
position: relative; left: -160px;
text-align: center;
position: relative; top: 0px;
float: left;
width: 667px;
height: 30px;
}
#logout {
background-color: #284e66;
position: relative; left: 10px;
position: relative; top: -137px;
float: left;
width: 667px;
height: 500px;
}
a { color: #35dcff; }
a:hover { color: #0088df; }