Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Walidacja Kodu
Forum PHP.pl > Forum > Przedszkole
poxrimex
17.01.2008, 21:31:15
Wszystkie przeglądarki wyświetlają to jak trzeba, a w IE oczywiście logo jest po lewej stronie, a górne obramowanie jest żółte

Oto pliki:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <link rel="Stylesheet" type="text/css" href="style.css" />
  4. </head>
  5. <body>
  6. <div id="top">
  7. <img src="logo.gif" style="width: 340px; height=70px;" alt="logo">
  8. </div>
  9.  
  10. <div id="srodek">
  11.  
  12. </div>
  13.  
  14. <div id="down">
  15.  
  16. </div>
  17. </body </html>
[HTML] pobierz, plaintext


a oto style.css:

[HTML] pobierz, plaintext 
  1. html
  2. {
  3. color: #494949;
  4. font-family: Tahoma, Helvetica, Verdana, sans-serif;
  5. text-align: center;
  6. font-size: 12px;
  7. margin-top: 0;
  8. margin-left: 0;
  9. margin-right: 0;
  10. margin-bottom: 0;
  11. }
  12.  
  13. #TOP
  14. {
  15. width: 900px;
  16. margin-left:auto;
  17. margin-right:auto;
  18. text-align: left;
  19. }
  20.  
  21. #SRODEK
  22. {
  23. width: 900px;
  24. margin-left:auto;
  25. margin-right:auto;
  26. border-top-style: outset;
  27. }
  28.  
  29. #DOWN
  30. {
  31. width: 900px;
  32. margin-left:auto;
  33. margin-right:auto;
  34. }
[HTML] pobierz, plaintext
szpakoo
17.01.2008, 22:38:17
nie wiem czy o to chodzi ale sprawdź:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <link rel="Stylesheet" type="text/css" href="style.css" />
  4. </head>
  5. <body>
  6. <div id="top">
  7. <img src="logo.jpg" alt="logo">
  8. </div>
  9.  
  10. <div id="srodek">
  11.  
  12. </div>
  13.  
  14. <div id="down">
  15.  
  16. </div>
  17. </body </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. html,body
  2. {
  3. color: #494949;
  4. font-family: Tahoma, Helvetica, Verdana, sans-serif;
  5. font-size: 12px;
  6. width: 900px;
  7. margin: 0 auto;
  8. text-align: center;
  9. }
  10.  
  11. #TOP
  12. {
  13. width: 900px;
  14. margin: 0 auto;
  15. }
  16.  
  17. #TOP img {
  18. width: 340px; 
  19. height:70px;
  20. }
  21.  
  22. #SRODEK
  23. {
  24. width: 900px;
  25. margin: 0 auto;
  26. border-top-style: outset;  
  27. }
  28.  
  29. #DOWN
  30. {
  31. width: 900px;
  32. margin: 0 auto;
  33. }
[HTML] pobierz, plaintext


Troche poskracałem twoje zapisy bo nie ma sensu 4 razy ustawiać wartości margin skoro mozna tylko raz

[HTML] pobierz, plaintext 
  1. border-top-style: outset;
[HTML] pobierz, plaintext

i po co to? w IE faktycznie jest jakby żółty kolor i tego nie zmienisz

nie wiem tylko czy dokładnie o to chodziło
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.