Darstellung Firefox und IE


  • berliner93
  • 1074 Aufrufe 4 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Darstellung Firefox und IE

    Hallo Helden,

    ich habe wieder mal ein Problem mit einem Script!

    Ich hab es jetzt perfekt für Firefox geschrieben. (also Design)

    Hier sind die Code:

    common.php

    PHP-Quellcode

    1. <?php
    3. function counter()
    4. {
    5. $ip = $_SERVER['REMOTE_ADDR'];
    6. $herkunft = $_SERVER['HTTP_REFERER'];
    7. $browser = $_SERVER['HTTP_USER_AGENT'];
    8. $time = time();
    10. $control = $db->query("SELECT * FROM `counter` WHERE ip = '$ip'");
    12. $num = $control->num_rows;
    14. if($num == 0)
    15. {
    16. $db->query("INSERT INTO counter (ip, herkunft, browser, time) VALUES('$ip', '".$db->real_escape_string($herkunft)."', '".$db->real_escape_string($browser)."', '$time')");
    17. }
    19. $abfrage = $db->query("SELECT * FROM `counter`");
    20. $besucher = $abfrage->num_rows;
    21. }
    23. function page_header()
    24. {
    25. $lang = $_GET['lang'];
    27. echo"
    28. <html>
    29. <head>
    31. <!-- Titel -->
    32. <title>Feuerwehr Diedersdorf</title>
    34. <!-- Stylesheets -->
    35. <link rel='stylesheet' href='css/main.css' type='text/css'>
    36. <link rel='shortcut icon' href='images/icon.ico'>
    38. </head>
    39. <body>
    41. <!-- Box beginnt -->
    42. <div id='box'>
    44. <!-- Headermenü Beginn -->
    45. <div id='header'>
    47. <!-- Headermenü links -->
    48. <div id='f_links'>
    49. <a href='geschichte.php' class='header'>Über uns </a>&bull;
    50. <a href='http://forum.feuerwehr-diedersdorf.de/' class='header' target='_blank'>Forum</a> &bull;
    51. <a href='impressum.php' class='header'>Impressum</a>
    52. </div>
    54. <!-- Headermenü rechts -->
    55. <div id='f_rechts'>
    56. <!a href='index.php?lang=en'><img src='images/design/en.jpg' width='22' height='16'></a>
    57. <!a href='index.php?lang=pl'><img src='images/design/pl.jpg' width='22' height='16'></a>
    58. </div>
    60. <!-- Headermenü Ende -->
    61. </div>
    63. <!-- Banner Beginn -->
    64. <div id='banner'>
    65. <img src='images/design/banner_jf.gif'>
    66. </div>
    68. <!-- Menü -->
    69. <div id='navi_top'>
    70. <a href='index.php' id='menu_top'>Home</a>
    71. <a href='aktuell.php' id='menu_top'>Aktuell</a>
    72. <a href='termine.php' id='menu_top'>Termine</a>
    73. <a href='einsatzabteilung.php' id='menu_top'>Einsatzabteilung</a>
    74. <a href='jugendfeuerwehr.php' id='menu_top'>Jugendfeuerwehr</a>
    75. <a href='foerderverein.php' id='menu_top'>F&ouml;rderverein</a>
    76. <a href='fahrzeuge.php' id='menu_top'>Fahrzeuge</a>
    77. <a href='gallerie.php' id='menu_top'>Galerie</a>
    78. </div>
    80. <!-- Mainbereich Beginn -->
    81. <div id='main'>
    83. <div id='navi_left'><br>
    84. <a href='index.php' id='menu_left'>&raquo; Home</a>
    85. <a href='aktuell.php' id='menu_left'>&raquo; Aktuell</a>
    86. <a href='termine.php' id='menu_left'>&raquo; Termine</a>
    87. <a href='einsatzabteilung.php' id='menu_left'>&raquo; Einsatzabteilung</a>
    88. <a href='jugendfeuerwehr.php' id='menu_left'>&raquo; Jugendfeuerwehr</a>
    89. <a href='foerderverein.php' id='menu_left'>&raquo; F&ouml;rderverein</a>
    90. <a href='fahrzeuge.php' id='menu_left'>&raquo; Fahrzeuge</a>
    91. <a href='gallerie.php' id='menu_left'>&raquo; Galerie</a>
    92. </div>
    94. <div id='main_text'>
    96. ";
    97. }
    100. function page_footer()
    101. {
    102. echo"
    104. <!-- Mainbereich Text Ende -->
    105. </div>
    107. <!-- Mainbereich Ende -->
    108. </div>
    110. <!-- Footer Beginn -->
    111. <div id='footer'>
    113. <!-- Footer Text -->
    114. <div id='footer_text'>
    115. Freiwillige Feuerwehr Diedersdorf &bull; Dorfstraße 15i &bull; 15831 Diedersdorf
    116. </div>
    118. <!-- Footer Ende -->
    119. </div>
    120. </body>
    121. </html>";
    122. }
    123. ?>
    Alles anzeigen

    main.css

    Quellcode

    1. body {
    2. background: #DFC783;
    3. }
    4. /* LINKS*/
    5. a:link { color:#ffffff; text-decoration:none; }
    6. a:hover { color: yellow; text-decoration:underline; }
    7. a:active { color: red; text-decoration:underline; }
    8. /*H3*/
    9. h3 {color: #ffffff;}
    10. /*Bilder*/
    11. img {border: 0px;}
    12. /*Kontakt- & Impressumleiste*/
    13. #header {
    14. width: 735px;
    15. height:20px;
    16. color: #ffffff;
    17. text-align: right;
    18. text-decoration: none;
    19. font-family: Verdana;
    20. font-size: 10px;
    21. margin-left: 15px;
    22. margin-right: 15px;
    23. float: center;
    24. }
    26. .header {
    27. color:#ffffff;
    28. text-decoration: none;
    29. font-family: Verdana;
    30. font-size: 10px;
    31. }
    33. #f_links { color: #ffffff;
    34. text-decoration: none;
    35. text-align:left;
    36. font-family: Verdana;
    37. font-size: 10px;
    38. float: left;
    39. }
    40. #f_rechts { color: #ffffff;
    41. text-decoration: none;
    42. text-align: right;
    43. font-family: Verdana;
    44. font-size: 10px;
    45. float: right;
    46. }
    48. /*Hauptdesign*/
    49. #box{ position: relative; width: 780px; margin: 10px auto; text-align: left;}
    51. /*Banner*/
    52. #banner {
    53. width: 780px;
    54. height: 180px;
    55. }
    57. /*Menü*/
    58. #navi_top {
    59. position: absolute; top: 170px; left: 146px;
    60. width: 780px;
    61. height: 27px;
    62. color: #ffffff;
    63. text-align:center;
    64. }
    66. #menu_top {
    67. display: block;
    68. width: auto;
    69. color:#f7f7f7;
    70. background-color: #303285;
    71. line-height: 30px;
    72. text-decoration:none ;
    73. font-size: 14px;
    74. font-family: arial, helvetica, tahoma ,verdana, sans-serif;
    75. padding-left: 6px; padding-right: 6px;padding-bottom: 0px; padding-top:0px;
    76. text-align:left;
    77. float: left;
    78. }
    80. #menu_top:hover {
    81. color:#ffffff;
    82. background: #2f2c2c;
    83. text-decoration:none ;
    84. font-size: 14px;
    85. font-family: arial, helvetica, tahoma ,verdana, sans-serif;
    86. padding-left: 6px; padding-right: 6px;padding-bottom: 0px; padding-top:0px;
    87. text-align:left;
    88. }
    90. #navi_left {
    91. width: 146px;
    92. height: 300px;
    93. color: #ffffff;
    94. background-color: #8f0000;
    95. line-height: 30px;
    96. text-align:left;
    97. float: left;
    98. }
    100. #menu_left {
    101. display: block;
    102. width: 133px;
    103. border-bottom: 1px solid #ffffff;
    104. color:#f7f7f7;
    105. background-color: #303285;
    106. line-height: 25px;
    107. text-decoration:none ;
    108. font-size: 14px;
    109. font-family: arial, helvetica, tahoma ,verdana, sans-serif;
    110. padding-left: 6px; padding-right: 6px;padding-bottom: 0px; padding-top:0px;
    111. text-align:left;
    112. }
    114. #menu_left:hover {
    115. color:#ffffff;
    116. background: #2f2c2c;
    117. text-decoration:none ;
    118. font-size: 14px;
    119. font-family: arial, helvetica, tahoma ,verdana, sans-serif;
    120. padding-left: 6px; padding-right: 6px;padding-bottom: 0px; padding-top:0px;
    121. text-align:left;
    122. }
    124. /*Inhaltteil*/
    125. #main {
    126. display: block;
    127. color: #ffffff;
    128. background-color: #ffffff;
    129. text-align:justify;
    130. width: 780px;
    131. height: auto;
    132. float: left;
    133. }
    135. #main_text {
    136. padding: 15px;
    137. line-height: 25px;
    138. float:left;
    139. }
    141. /*Footer*/
    142. #footer {
    143. margin-top: 5px;
    144. margin-bottom: 5px;
    145. }
    147. #footer_text {
    148. background: #8f0000;
    149. letter-spacing: 3px;
    150. color:#f7f7f7;
    151. text-decoration:none ;
    152. font-size: 11px;
    153. font-style: italic;
    154. font-family: helvetica, tahoma ,verdana, sans-serif;
    155. text-align:center;
    156. }
    Alles anzeigen


    Ich hoffe ihr könnte helfen. Wie mache ich das Design Kompatible für IE & Firefox?

    DANKE!

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von berliner93 ()

  • hm... mir stellt sich da die frage. du sagst, "du hast es perfekt für ff geschrieben", warum fragst du dann, wie man es für ff kompatibel macht?

    als nächstes. meinst du, es liest sich jeder den code durch, und sieht das da was entweder im ff oder im ie nicht funkt?

    du könntest auch ma beispiele nennen, was z.b. wo nicht funktioniert... einfach nur den code hinknallen und sagen "macht mal" is glaub ich auch nich angebracht

    mfg

  • Wenn dir das hilft:
    Ich hab bei meiner Website nämlich wahrscheinlich ein ähnliches Problem. Bei Safari und Firefox wird die Website ganz normal angezeigt. Bei IE dagegen ist der schwarze Rand rund um meine Website verschoben. Ich hab wahrscheinlich den gleichen Fehler gemacht wie du und die Website pixelgenau konstruiert. Der einzige Ausweg, den ich mir vorstellen kann, wäre, dass du am Anfang mit
    "$browser = $_SERVER['HTTP_USER_AGENT'];" den Browser des Benutzers heraus findest und die Website dem jeweiligen Browser dann anpasst.