Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Środkowanie DIVa, czyli IE sucks
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
bugmenot
Mam problem. Normalny DIV, do którego podpiąłem CSS margin: 0 auto 0 auto; i ustawiłem szerokość na 420 px, nie chce poddać się środkowaniu w Internet Explorerze 8 (dodam jeszcze, że zarówno Opera, jak i Firefox wszystko ładnie wyświetlają). Czy jest to wina przeglądarki, czy też kodu?
Dla zainteresowanych - kod:
  1. <html><head><title>Formularz kontaktowy</title>
  2. <link rel="stylesheet" type="text/css" href="podstrony.css" />
  3. </head>
  4.  
  5. <div id="kont">
  6.  
  7. <form id="kont_form" method="post" action="kontakt.php">
  8. <h2>Skontaktuj się ze mną</h2>
  9. Do: <input type="text" id="do" name="do" value="sialalala@spiew.pl" disabled="disabled" /><br />
  10. Od (email): <input type="email" id="od" name="od" required autofocus /><br />
  11. Tytuł: <input type="text" id="tytul" name="tytul" required/><br />
  12. Treść: <textarea id="tresc" name="tresc" rows="9" required></textarea><br />
  13. Podpis: <input type="text" id="podpis" name="podpis" /><br />
  14. Weryfikacja antyspamowa - przepisz kod z obrazka poniżej:<br />
  15. <input type="text" id="weryf" name="weryf" /><br />
  16. <img src="weryf.gif" id="weryf" alt="12345" /><br />
  17. <input type="submit" id="wyslij" value="Wyślij" /><br />
  18. </form>
  19.  
  20. <p id="powrot"><a href="index2.htm">Strona główna</a></p>
  21.  
  22. </div>
  23.  
  24. </body></html>

oraz CSS:
  1. #wyslij
  2. {
  3. display: block;
  4. width: 140px;
  5. margin: 2px auto 0 auto;
  6. }
  7.  
  8. #powrot
  9. {
  10. text-align: center;
  11. }
  12.  
  13. #kont
  14. {
  15. width: 420px;
  16. margin: 0 auto 0 auto;
  17. }
  18.  
  19. form
  20. {
  21. display: block;
  22. margin: 0 auto 0 auto;
  23. padding: 5px;
  24. border: 1px solid gray;
  25. width: 420px;
  26. }
  27.  
  28. input
  29. {
  30. background-color: rgb(100,100,100);
  31. border: 1px solid white;
  32. color: white;
  33. font-family: Arial;
  34. width: 410px;
  35. }
  36.  
  37. h2
  38. {
  39. text-align: center;
  40. }
mat-bi
hmm, STFG

http://webmade.org/porady/wysrodkowanie-css-center.php
bugmenot
Dzięki.
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.