Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]IE8 źle wyświetla stronę
Forum PHP.pl > Forum > Przedszkole
patryk9200
8.05.2009, 21:25:45
Cześć,
mam problem, przeglądarka IE źle wyświetla moją stronę, w Firefox jest OK.
Miedzy divem w którym jest logo a pod nim menu robi sie przerwa, prawe menu (div informacje) robi się 2-3 cm odstęp
Oto adres: http://agf.autos24.pl
Kod CSS
[codebox]
[PHP] pobierz, plaintext 
  1. <?php
  2. padding: 0px;
  3.     margin: 0px;
  4.     border:0px;
  5. height : auto;
  6. img { display:block; }
  7. p { margin-left: 30px; }
  8. a:link {color: black;}
  9. a:visited {color: black;}
  10. a:hover {color: red;}
  11. a:active {cecha: gray;}
  12. a img{border:0;}
  13.  
  14. html, body {
  15.     text-align: center;
  16.     margin: 0;
  17.     background-color: #fff;
  18.     color: #000;
  19.     margin: 0;
  20.     padding: 0;
  21. }
  22. #iframecenter {
  23. /*height: 895;*/
  24.  width: 475;
  25.  border: 0;
  26. }
  27.  
  28. #logowanie{
  29. /*height: 895;*/
  30.  width: 475;
  31.  frameborder: 0;
  32. }
  33.  
  34. #menuadmin {
  35.  
  36. height: 100;
  37. text-align: left;
  38. color: blue;
  39. }
  40.  
  41. #center {
  42. /*height: 100%;*/
  43.  width: 780px;
  44.  margin-left: auto;
  45.  margin-right: auto;
  46.     padding: 0px;
  47.     margin: 0px;
  48.     border:0px;
  49.  overflow: hidden;
  50. }
  51.  
  52. #LOGO {
  53.     
  54.     height: 180px;
  55. }
  56.  
  57.  
  58. #NAGLOWEK {
  59.     background-image: url(img/menu_nav_top.jpg);
  60.     background-color: #888;
  61.     height: 25px;
  62.     text-align: left;
  63. }
  64.  
  65. #MENUL {
  66. margin-bottom:-5000px;
  67. padding-bottom:5000px;
  68. height: 100%;
  69. text-align: left;
  70.     width: 150px;
  71.     float: left;
  72.     /*overflow: hidden;*/
  73.     background-color: #ccc;
  74. }
  75. #MENUBELKA{
  76. background-image: url(img/menu_nav_top.jpg);
  77. height: 25px;
  78. text-align: left;
  79.     width: 150px;
  80.     float: left;
  81.     overflow: hidden;
  82.     background-color: #ccc;
  83. }
  84. #MENUODSTEP{
  85. height: 5px;
  86. text-align: left;
  87.     width: 150px;
  88.     float: left;
  89.     overflow: hidden;
  90.     background-color: #ccc;
  91. }
  92.  
  93.  
  94. #INFORMACJE {
  95. margin-bottom:-5000px;
  96. padding-bottom:5000px;
  97. height: 100%;
  98.     width: 150px;
  99.     float: right;
  100.     overflow: hidden;
  101.     background-color: #ccc;
  102. }
  103.  
  104. #TRESC {
  105. margin-bottom:-5000px;
  106. padding-bottom:5000px;
  107. height: auto;
  108.     width: 480px;
  109.     float: left;
  110.     overflow: hidden;
  111.     background-color: #fff;
  112. }
  113.  
  114. #STOPKA {
  115.     height: auto;
  116.     width:780px;
  117.     clear: both;
  118.     width: 100%;
  119.     background-color: #888;
  120.      margin-left: auto;
  121.  margin-right: auto;
  122.  overflow: hidden;
  123. }
  124. ?>
[PHP] pobierz, plaintext
potreb
8.05.2009, 21:41:23
Dużo napisałeś, a co konkretnie źle wyświetla, czcionki pogrubione??
patryk9200
9.05.2009, 06:53:11
Cytat(potreb @ 8.05.2009, 22:41:23 ) *
Dużo napisałeś, a co konkretnie źle wyświetla, czcionki pogrubione??


Informacje w moim pierwszym poście są...
athei
9.05.2009, 09:15:21
Przeczytaj jakiś kurs i napisz to od nowa, bo śmietnik masz niesamowity.
patryk9200
9.05.2009, 19:39:03
Cytat(patryk9200 @ 9.05.2009, 07:53:11 ) *
Informacje w moim pierwszym poście są...

Zrobiłem od nowa, i sprawdziłem na W3C.org standarty.... teraz przerwa między logo a belką jest większa, a menu prawe nadal jest obnizone o jakieś 1,5 cm, a niby kod mam poprawny...Firefox wyświetla poprawnie, tylko IE8 nie...
oto on:
CODE

* {
padding : 0;
margin : 0;
border : 0;
height : auto;
}
img {
display : block;
}
p {
margin-left : 30px;
}
a:link {
color : black;
text-decoration : none;
}
a:visited {
color : black;
text-decoration : none;
}
a:hover {
color : red;
text-decoration : none;
}
a img {
filter: alpha(opacity=100);
opacity: 1.0;
border : 0;
}
hr.menu {
width : 100px;
}
html, body {
background-attachment : fixed;
background-image : url(img/background.jpg);
text-align : center;
margin : 0;
background-color : #fff;
color : #000;
margin : 0;
padding : 0;
}
#bodyimg {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
}
#logowanie{
width: 475;
}
#menuadmin {
filter: Alpha(Opacity=100); opacity: 1.0;
height : auto;
text-align : left;
color : blue;
}
#center {
width : 780px;
margin-left : auto;
margin-right : auto;
overflow : hidden;
}
#LOGO {
height : 180px;
}
#NAGLOWEK {
background-image : url(img/menu_nav_top.jpg);
background-color : #888;
height : 25px;
text-align : left;
}
#MENUL {
margin-bottom : -5000px;
padding-bottom : 5000px;
height : 100%;
text-align : left;
width : 150px;
float : left;
background-color : #ccc;
}
#MENUBELKA {
background-image : url(img/menu_nav_top.jpg);
height : 25px;
text-align : left;
width : 150px;
float : left;
overflow : hidden;
background-color : #ccc;
}
#MENUODSTEP {
filter: Alpha(Opacity=0); opacity: 0.0;
height : 5px;
text-align : left;
width : 150px;
float : left;
overflow : hidden;
background-color : #ccc;
}
#INFORMACJE {
filter: Alpha(Opacity=70); opacity: 0.7;
margin-bottom : -5000px;
padding-bottom : 5000px;
height : 100%;
width : 150px;
float : right;
overflow : hidden;
background-color : #ccc;
}
#TRESC {
margin-bottom : -5000px;
padding-bottom : 5000px;
height : auto;
width : 480px;
float : left;
overflow : hidden;
}
#STOPKA {
filter: Alpha(Opacity=70); opacity: 0.7;
height : auto;
width : 780px;
clear : both;
width : 100%;
background-color : #888;
margin-left : auto;
margin-right : auto;
overflow : hidden;
}


dobra, mam działa winksmiley.jpg
głupie <br> było sprawcąwinksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.