Witam, posiadam stronę której style dostosowane są tylko dla silnika przegląderk takich jak FireFox.
Od kilku dni staram się własnoręcznie dostosować ją dla
IE6 jednak w tej chwili wydaje mi się już to niemożliwe, słabo ogarniam tworzenie stron wiec chyba sobie nie poradzę...
Niżej zamieszczam mój plik style.css, proszę o przerobienie tego lub chociaż o jakieś wskazówki dzięki którym uda mi się temu uporać, komentarze typu
: google.pl lub użyj hacków są tutaj zbędne.
Z góry dziękuję pomoc i pozdrawiam.
Od kilku dni staram się własnoręcznie dostosować ją dla
IE6 jednak w tej chwili wydaje mi się już to niemożliwe, słabo ogarniam tworzenie stron wiec chyba sobie nie poradzę...
Niżej zamieszczam mój plik style.css, proszę o przerobienie tego lub chociaż o jakieś wskazówki dzięki którym uda mi się temu uporać, komentarze typu
: google.pl lub użyj hacków są tutaj zbędne.
Z góry dziękuję pomoc i pozdrawiam.
Cytat:* {
margin : 0;
padding : 0;
}
body {
height : 100%;
width : 100%;
background : #f1eff0 url("img/bg-top.jpg") repeat-x center top;
font-size : 11px;
color : black;
font-family : Arial, Tahoma;
text-align : center;
}
a, img, input, textarea {
border : none;
text-decoration : none;
}
form {
margin : 0;
padding : 0;
}
ul {
list-style : none;
padding : 0;
margin : 0;
}
#calosc {
width : 960px;
text-align : left;
margin : 0 auto
;
}
#logo {
width : 855px;
height : 162px;
background-image : url("img/logo.jpg");
float : left;
padding : 15px 0 0 110px;
}
.menu {
width : 960px;
height : 43px;
clear : both;
}
.menu ul {
list-style : none;
padding : 0;
margin : 0;
}
.menu li {
float : left;
}
#strona-glowna {
width : 240px;
background-image : url("img/strona-glowna.jpg");
}
#zamow-serwer {
width : 154px;
background-image : url("img/zamow-serwer.jpg");
}
#serwery-testowe {
width : 184px;
background-image : url("img/serwery-testowe.jpg");
}
#sponsoring {
width : 135px;
background-image : url("img/sponsoring.jpg");
}
#o-nas {
width : 101px;
background-image : url("img/o-nas.jpg");
}
#kontakt {
width : 143px;
background-image : url("img/kontakt.jpg");
}
#strona-glowna, #zamow-serwer, #serwery-testowe, #sponsoring, #o-nas, #kontakt {
height : 43px;
float : left;
}
.lewa {
float : left;
width : 244px;
margin-top : 10px;
}
.panel-logowania {
width : 187px;
height : 133px;
float : left;
background-image : url("img/panel-logowania.jpg");
padding : 49px 0 0 33px;
}
.panel-logowania a {
color : white;
font-size : 11px;
font-family : tahoma, arial;
}
.panel-logowania a:hover {
color : lime;
}
#username {
background-image : url("img/username.jpg");
}
#password {
background-image : url("img/password.jpg");
margin-top : 3px;
}
#username, #password {
width : 161px;
height : 27px;
float : left;
font-size : 11px;
text-align : center;
padding : 0 5px 0 5px;
color : white;
}
#zaloguj {
float : left;
margin : 10px 0 12px 100px;
}
.menu-poziome {
width : 218px;
background-color : #f1eff0;
padding : 8px 8px 8px 18px;
float : left;
margin : 10px 0 0 0;
}
.menu-poziome ul {
list-style : url("img/kropka.jpg");
padding : 0;
margin : 0;
list-style-position : inside;
}
.menu-poziome li {
margin-top : 2px;
}
.menu-poziome a {
color : black;
font-size : 12px;
}
.partnerzy {
margin-top : 10px;
text-align : center;
float : left;
}
.prawa {
width : 694px;
background-color : #f1eff0;
padding : 10px 10px 10px 12px;
margin-top : 0;
float : left;
}
#aktualnosci h1 {
visibility : hidden;
}
#aktualnosci {
width : 80px;
height : 21px;
background-image : url("inne/aktualnosci.jpg");
}
.newsy {
width : 410px;
float : left;
margin-right : 44px;
}
.news {
width : 410px;
float : right;
margin-top : 10px;
}
.belka {
width : 404px;
height : 15px;
background-image : url("img/belka.jpg");
float : left;
padding : 3px 3px 3px 3px;
margin-bottom : 6px;
}
.belka h1 {
font-size : 15px;
font-family : Arial, Tahoma;
color : #f1eff0;
width : 350px;
float : left;
}
.data {
width : 54px;
float : right;
color : #f1eff0;
font-size : 10px;
margin-top : 2px;
}
.tresc {
width : 400px;
float : left;
padding : 0 5px 10px 5px;
text-align : left;
border-bottom : 2px solid #43155a;
font-size : 12px;
margin-top : 8px;
}
.tresc a {
color : #43155a;
font-weight : bold;
}
#powered-by {
width : 237px;
height : 21px;
background-image : url("img/powered-by.jpg");
float : right;
margin : 10px 0 10px 0;
}
.powered-by-bg {
width : 237px;
overflow : hidden;
}
#promocje {
width : 237px;
height : 21px;
background-image : url("img/promocje.jpg");
float : right;
margin-bottom : 10px;
}
.promocje-bg {
width : 237px;
overflow : hidden;
}
.bannery {
width : 240px;
float : left;
text-align : center;
}
.stopka {
width : 898px;
height : 33px;
float : right;
background-image : url("img/stopka.jpg");
margin : 6px 6px 0 0;
padding : 6px 5px 0 42px;
color : white;
}
.stopka a {
color : lime;
}
P Jest pod spodem. 