Problemy, które pojawiają się w przypadku mojej strony przewijają się na różnych forach, które czytałem, jednak mimo wprowadzenia różnych zmian nadal mam parę niezgodności w wyświetlaniu, tzn. chodzi o IE oczywiście (w przypadku Firofoxa jest wszystko w porządku).
1) Nagłówek ma jakby przypisany na końcu znacznik <br>, co objawia się tym, że powstaje odstęp pomiędzy nagłówkiem a znajdującymi się pod nim menu prawym, środkiem i menu lewym (gdyby nie było bacground:..no-repeat, to wtedy widać, jak zaczyna się powtarzać tło nagłówka).
Kod
css:
html, body {
background-color: #fff;
height:100%;
color: #000;
margin: 0 auto;
padding: 0;
position:absolute;}
#top {
width: 780px;}
#Naglowek {
height:120px;
background: url(images/gora.jpg) no-repeat;
font-size: small;
margin: auto;}
html, body {
background-color: #fff;
height:100%;
color: #000;
margin: 0 auto;
padding: 0;
position:absolute;}
#top {
width: 780px;}
#Naglowek {
height:120px;
background: url(images/gora.jpg) no-repeat;
font-size: small;
margin: auto;}
2) W menu lewym pojawiają się odstępy pomiędzy kolejnymi pozycjami listy (tez jakby był tam <br>)
Kod
ul, ul li {
display: block;
list-style: none;
margin:0;
padding: 0;
vertical-align:bottom}
ul {
width: 100%;
border-bottom: 1px sodtd #365;
padding-left: 0px;}
ul li {margin-right: 0px;}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: url("images/button1.gif") no-repeat top;
color: #365;
padding: 1px 1px 2px 10px;
margin-left: 0px;
font-size: small;}
display: block;
list-style: none;
margin:0;
padding: 0;
vertical-align:bottom}
ul {
width: 100%;
border-bottom: 1px sodtd #365;
padding-left: 0px;}
ul li {margin-right: 0px;}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: url("images/button1.gif") no-repeat top;
color: #365;
padding: 1px 1px 2px 10px;
margin-left: 0px;
font-size: small;}
3) Menu prawe nie przylega do części środkowej, tylko zawsze przyczepia się do prawej strony ekranu.
Kod
#MenuPrawe {
width: 180px;
overflow: hidden;
float:left;
background: url(images/PraweMenu.gif) repeat-y;
}
width: 180px;
overflow: hidden;
float:left;
background: url(images/PraweMenu.gif) repeat-y;
}
Jeśli znajdzie ktoś chwilkę aby to przeanalizować, będę bardzo wdzięczny.
Link do strony
