Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][PHP]Niechciane marginesy.
Forum PHP.pl > Forum > Przedszkole
mikcuki
Witam,

Trochę to pewnie banalne ale nie mam pojęcia jak sobie z tym poradzić. Zaznaczę, że starałem się co¶ na ten temat znaleĽć niestety się nie udało. Po wrzuceniu strony na serwer pojawiły się dodatkowe marginesy przed <header> i <footer>. Przy badaniu elementu w google chrome s± dodatkowe znaczniki " " (znaki cudzysłowia), których nie ma w kodzie html jak również w arkuszu css. Trochę pokrętne tłumaczenie ale to chyba przez godzinę smile.gif. Z góry dzięki za pomoc.

Pozdrawiam
Damonsson
Link?
mikcuki
Mówiłem, że póĽno wacko.gif tutaj jest testowa stronka i chodzi mi o margines pomiędzy reklam± i <header> i margines nad stopk±.

Z góry dzięki za pomoc smile.gif
mortus
Pliki (zakładam, że header i footer znajduj± się w osobnych plikach) kodujesz w UTF-8 z BOM, st±d problemy. Zmień kodowanie plików na UTF-8 (PSPad, Notepad++ posiadaj± odpowiednie opcje). Zadeklaruj charset w sekcji head.
mikcuki
Niestety pomogło tylko w połowie footer już ma ładny margines. Ale niestety header nadal nie działa jak powinno. Oczywi¶cie wszystkie zalecenia wykonałem jak trzeba smile.gif Czekam na kolejne pomysły
mortus
  1. <!doctype html>
  2. <head>
  3. <title>Website Title</title>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" href="css/screen.css">
  6. </head><body><script type="text/javascript">
  7. window.google_analytics_uacct = "UA-1665446-6";
  8. <script type="text/javascript" src="http://img.ugu.pl/ugupl_h.js">
  9. <div id="header">
  10. <div id="header_logo">
  11. <img src="img/logo.jpg" />
  12. </div>
  13. <div id="nav">
  14. <a id="home_tile" class="active" href="index.php"></a>
  15. </div>
  16. </div>
  17. <div id="container">
  18. <aside>
  19. <div class="widget">
  20. <h2>Log in/Register</h2>
  21. <div class="inner">
  22. <form action='login.php' method='post'>
  23. <ul id='login'>
  24. <li>
  25. Username:<br>
  26. <input type="text" name="username">
  27. </li>
  28. <li>
  29. Password:<br>
  30. <input type="password" name="password">
  31. </li>
  32. <li>
  33. <input type="submit" value="Log in">
  34. </li>
  35. <li>
  36. <a href="register.php">Register</a>
  37. </li>
  38. <li>
  39. Forgotten your <a href="recover.php?mode=username">username</a> or <a href="recover.php?mode=password">password</a>?
  40. </li>
  41. </ul>
  42. </form>
  43. </div>
  44. </div><div class="widget">
  45. <h2>Users</h2>
  46. <div class="inner">
  47. We current have 2 registered users.
  48. </div>
  49. </div></aside><h1>Home</h1>
  50. <p>Just a template.</p>
  51. </div>
  52. <footer>
  53. &copy; mikucki 2012. All rights reserved.
  54. </footer><script type="text/javascript" src="http://img.ugu.pl/ugupl_f.js"></script>
  55. <script type="text/javascript">
  56. var _gaq = _gaq || [];
  57. _gaq.push(['_setAccount', 'UA-1665446-6']);
  58. _gaq.push(['_setDomainName', 'none']);
  59. _gaq.push(['_setAllowLinker', true]);
  60. _gaq.push(['_trackPageview']);
  61.  
  62. (function() {
  63. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  64. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  65. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  66. })();
  67. </body>
  68. </html>

Krzaczki w liniach: 3, 21, 22, 47 to jest wła¶nie BOM. Co oznacza, że musisz zmienić jeszcze kodowanie pliku głównego (pewnie index.php) albo pliku odpowiedzialnego za wstawienie sekcji head oraz kodowanie pliku zawieraj±cego widget formularz logowania, jak i widget users. Podejrzewam, że wszystkie pliki masz Ľle zakodowane.
mikcuki
Dziękuję bardzo za pomoc już wiem gdzie zrobiłem bł±d zmieniłem kodowanie i wszystko ¶miga jak trzeba smile.gif Pozdrawiam
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.