Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Źle wyświetla w IE. Opera i ff wyświetlają normalnie.
Forum PHP.pl > Forum > Przedszkole
bezimienny997
24.07.2010, 12:18:03
No poradziłem sobie z większością problemów, ale niestety został problem wyświetlania w IE. ; /
Tak to wygląda

[HTML] pobierz, plaintext 
  1. <BODY>
  2.  
  3. <div id="top"></div>
  4. <div id="obrazek_menu"></div>
  5. <div id="belka"></div>
  6.  
  7. <div id="menu">
  8. >>Link <BR>
  9. >>Link <BR>
  10. >>Link <BR>
  11. >>Link <BR>
  12. >>Link <BR>
  13. >>Link <BR>
  14. >>Link <BR>
  15. >>Link <BR>
  16. >>Link <BR>
  17. >>Link <BR>
  18. >>Link <BR>
  19. >>Link <BR>
  20. >>Link <BR>
  21. >>Link <BR>
  22. >>Link <BR>
  23. >>Link <BR> </div>
  24.  
  25. <DIV id="tekst_w_belce">
  26. jakiś tekst
  27.  
  28.  
  29.  
  30.  
  31. </DIV>
  32.  
  33.  
  34.  
  35.  
  36. <DIV id="stopka">
  37.  
  38.  
  39.  
  40.  
  41.  
  42. </DIV>
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52. </BODY>
  53. </HTML>
[HTML] pobierz, plaintext




css 
[HTML] pobierz, plaintext 
  1. #top
  2. {
  3. background-image:url(obrazki/top.gif);
  4. width:783px;
  5. height:154px;
  6. }
  7.  
  8. #obrazek_menu
  9. {
  10. background-image:url(obrazki/filmy_02.gif);
  11. width:227px;
  12. height:50px;
  13. float: left;
  14.  
  15. }
  16.  
  17. #menu {
  18. background-color:#000000;
  19. width:227px;
  20. float:left;
  21. }
  22.  
  23. #belka
  24. {
  25. background: url(obrazki/filmy_04.jpg);
  26. width:556px;
  27. height:50px;
  28. float:left;
  29.  
  30.  
  31. }
  32. #tekst_w_belce{
  33. background-color:yellow;
  34. width:556px;
  35. float:left;
  36.  
  37.  
  38.  
  39. }
[HTML] pobierz, plaintext



A tak powinno wyświetlać poprawnie

erix
24.07.2010, 13:45:50
Wystaw to gdzieś live.
Barcelona
24.07.2010, 14:23:07
Standardowo IE pierdzieli wszystko. Na jakiej wersji IE patrzyłeś ?
bezimienny997
24.07.2010, 14:32:13
Ajć panowie, wybaczcie ;D
W IE 8 śmiga.
Pracuje w E-Net i tam najwyraźniej wbudowany podgląd jest z inną wersją IE, przez co źle wyświetlało. Dorzuci się notkę i aktualizacji IE i po sprawie. ;p

Także wydaje mi się, że problemu nie ma. winksmiley.jpg
Tak czy siak dzięki. smile.gif
glh
24.07.2010, 15:04:59
Problem rozwiązany widzę (niekoniecznie dobre podejście do problemu), ale dla potomności:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.   <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  5.   <link rel="stylesheet" href="style.css" type="text/css">
  6.   <title></title>
  7.   </head>
  8.  
  9.  <body>
  10.  <div id="calosc"><!--Blok matka:-), czyli uklad strony -->
  11.   <div id="lewy"><!-- Blok zawierajacy belke menu oraz linki-->
  12.    <div id="belkaMenu">MENU</div><!-- Ta grafika z napisem menu-->
  13.    <div id="linkiMenu"><!-- Menu lepiej byloby zrobic jako lista nieuporzadkowana, ale wolna wola -->
  14.    <a href="#">Link 1</a><br/>
  15.    <a href="#">Link 2</a><br/>
  16.    <a href="#">Link 3</a><br/>
  17.    <a href="#">Link 4</a><br/>
  18.    </div>
  19.  
  20.   </div>
  21.  
  22.   <div id="prawy"><!-- Zawiera belke "Najnowsze Filmy w serwisie, jakas tresc oraz to zolte cos-->
  23.    <div id="belkaFilmy">Najnowsze filmy w serwisie</div>
  24.  
  25.    <div id="jakasTresc"><p>Lorem ipsum dolor sit amet consectetuer congue lacinia tincidunt non eget. 
  26.    Pede interdum id semper massa enim Nulla vitae nec condimentum sit. 
  27.    Aenean orci natoque et Fusce Pellentesque justo lorem Nullam sociis sit. 
  28.    Nulla sed et Aenean Suspendisse nec cursus Pellentesque nunc tristique laoreet. 
  29.    Nibh nunc Duis elit nonummy dictumst nibh nulla pellentesque eros quis. 
  30.    Faucibus ac eros quam interdum nec convallis et nisl Nullam leo. Facilisi leo Cras.</p>
  31.    <p>Justo libero enim feugiat sapien risus vel sagittis eros Aliquam id. 
  32.    Sollicitudin felis habitant urna interdum Aenean nibh libero Sed semper est.
  33.    </div>
  34.  
  35.    <div id="zolteCos">Tutaj jakis tekst na zoltym tle</div>
  36.   </div>
  37.  </div>
  38.  
  39.  </body>
  40. </html>
[HTML] pobierz, plaintext



CSS:
[HTML] pobierz, plaintext 
  1. div{padding:0;margin:0}
  2.  
  3. a:before {content:">>"}
  4. a {text-decoration:none;color:black;}
  5. a:hover {color:blue;}
  6.  
  7. #lewy
  8. {
  9.  width:250px;
  10.  height:250px;
  11.  float:left;
  12. }
  13.  
  14. #prawy
  15. {
  16.  width:600px;
  17.  height:250px;
  18.  float:left;
  19. }
  20.  
  21. #belkaMenu
  22. {
  23.  width:250px;
  24.  height:30px;
  25.  background-color:#222222;
  26.  color:white; 
  27. }
  28.  
  29. #linkiMenu
  30. {
  31.  width:250px;
  32.  height:220px;
  33.  background-color:#333333;
  34. }
  35.  
  36. #belkaFilmy
  37. {
  38.  width:600px;
  39.  height:30px;
  40.  background-color:#444444;
  41. }
  42.  
  43. #jakasTresc
  44. {
  45.  width:600px;
  46.  height:200px;
  47.  overflow:auto;
  48.  background-color:#999999;
  49. }
  50.  
  51. #zolteCos
  52. {
  53.  width:600px;
  54.  height:20px;
  55.  background-color:yellow;
  56. }
[HTML] pobierz, plaintext
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.