Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Źle wyświetla w IE. Opera i ff wyświetlają normalnie.
bezimienny997
post
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 1
Dołączył: 23.07.2010

Ostrzeżenie: (0%)
-----

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



Ten post edytował bezimienny997 24.07.2010, 12:44:44
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Wystaw to gdzieś live.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Barcelona
post
Post #3





Grupa: Zarejestrowani
Postów: 322
Pomógł: 15
Dołączył: 29.01.2010

Ostrzeżenie: (0%)
-----

Standardowo IE pierdzieli wszystko. Na jakiej wersji IE patrzyłeś ?
Go to the top of the page
+Quote Post
bezimienny997
post
Post #4





Grupa: Zarejestrowani
Postów: 47
Pomógł: 1
Dołączył: 23.07.2010

Ostrzeżenie: (0%)
-----

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

Ten post edytował bezimienny997 24.07.2010, 14:34:23
Go to the top of the page
+Quote Post
glh
post
Post #5





Grupa: Zarejestrowani
Postów: 97
Pomógł: 20
Dołączył: 18.12.2007
Skąd: Poznań

Ostrzeżenie: (0%)
-----

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


--------------------
http://wezstrone.pl
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 12:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn