Anzeige

FF / IE Konflikt =(

FF / IE Konflikt =( | PSD-Tutorials.de
  1. Information ausblenden
  2. Information ausblenden
HTML - Dieses Training empfehlen wir dir! Photoshop-Looks und Styles gratis

Erstellt von d3221, 04.05.2009.

  1. d3221

    d3221 Aktives Mitglied

    Dabei seit:
    08.09.2006
    Beiträge:
    576
    Geschlecht:
    männlich
    Ort:
    nähe Frankfurt a.M.
    Software:
    PS CS5, DW CS5, FL CS5
    FF / IE Konflikt =(
    04.05.2009 20:06
    Hey... ich hab ein Problem >_<

    Immer dieser bescheuerte IE :-! -.-

    Also in FF siehts so aus:
    [​IMG]

    Und was macht der nette IE daraus? :]
    [​IMG]

    Ist das nicht fabelhaft? =) >_<

    Auuuuuf jeden Fall...
    hier meine index.html:
    Code (Text):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>Unbenanntes Dokument</title>
    6. <link href="style.css" rel="stylesheet" type="text/css" />
    7. </head>
    8.  
    9. <body>
    10. <div id="center">
    11.  
    12. <div><img src="Bilder/header.jpg" border="0" /></div>
    13.  
    14.  
    15. <div id="sidebar">
    16.  
    17. <div id="navigation" class="line"></div>
    18. <div id="navigation" class="main">
    19.  
    20. <div id="navigation">Testlink</div>
    21. <div id="navigation">Testlink</div>
    22. <div id="navigation">Testlink</div>
    23. <div id="navigation">Testlink</div>
    24. <div id="navigation">Testlink</div>
    25. <div id="navigation">Testlink</div>
    26. <div id="navigation">Testlink</div>
    27. <div id="navigation">Testlink</div>
    28. <div id="navigation">Testlink</div>
    29. <div id="navigation">Testlink</div>
    30. <div id="navigation">Testlink</div>
    31.  
    32. </div>
    33.  
    34. <div id="visitor" class="line"></div>
    35. <div id="visitor" class="main">
    36.     <center>
    37.       <div id="visitor" class="input">
    38.         Besucher<br />
    39.       000146512
    40.       </div>
    41.     </center>
    42. </div>
    43.  
    44. </div>
    45. <div>lol</div>
    46.  
    47.  
    48. </div>
    49.  
    50. </body>
    51. </html>
    52.  
    Und meine style.css
    Code (Text):
    1. @charset "utf-8";
    2. body {
    3.     font-family:Geneva, Arial, Helvetica, sans-serif;
    4.     font-size:smaller;
    5.     color:#777777;
    6. }
    7.  
    8. #center {
    9.     height: auto;
    10.     width: 1000px;
    11.     margin-right: auto;
    12.     margin-left: auto;
    13. }
    14.  
    15. #sidebar {
    16.     width:257px;
    17.     height:auto;
    18.     float:left;
    19. }
    20.  
    21. #navigation {
    22.     width:257px;
    23. }
    24.  
    25. #navigation.line {
    26.     height:2px;
    27.     background-color:#87ac50;
    28. }
    29.  
    30. #navigation.main {
    31.     width:257px;
    32.     height:auto;
    33.     padding-top:10px;
    34.     padding-bottom:10px;
    35.     line-height:25px;
    36.     text-indent:20px;
    37.     background-image:url(Bilder/green.gif);
    38.     background-repeat:repeat-y;
    39.     font-family:Georgia, "Times New Roman", Times, serif;
    40.     font-weight:bold;
    41.     color:#1163a2;
    42. }
    43.  
    44.  
    45. #visitor {
    46.     width:257px;
    47. }
    48.  
    49. #visitor.line {
    50.     height:2px;
    51.     background-color:#3a8fe6;
    52. }
    53.  
    54. #visitor.main {
    55.     height:auto;
    56.     padding-top:20px;
    57.     padding-bottom:20px;
    58.     background-color:#67a8e9;
    59.     color:#FFFFFF;
    60.     font-family:Georgia, "Times New Roman", Times, serif;
    61. }
    62.  
    63. #visitor.input {
    64.     height:68px;
    65.     width:150px;
    66.     line-height:35px;
    67.     font-family:Geneva, Arial, Helvetica, sans-serif;
    68.     background-image:url(Bilder/counter.gif);
    69.     background-position:bottom;
    70.     background-repeat:no-repeat;
    71. }


    Schon mal vielen vielen Dank an die, die sich da durchwurschteln ^_^


    P.S.: An alle Profis -> Ich bins nich xD Also nehmt mir meine wirre "Struktur" im Quelltext nich' übel =D
     
    #1     ▲ 
  2. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    FF / IE Konflikt =(
    04.05.2009 20:34
    AW: FF / IE Konflikt =(

    Ganz schnell als Erstes, du kannst eine ID nur einmal verwenden, wenn dann definiere deine div's über Klassen...
     
    Zuletzt bearbeitet: 04.05.2009
    #2     ▲ 
  3. d3221

    d3221 Aktives Mitglied

    Dabei seit:
    08.09.2006
    Beiträge:
    576
    Geschlecht:
    männlich
    Ort:
    nähe Frankfurt a.M.
    Software:
    PS CS5, DW CS5, FL CS5
    FF / IE Konflikt =(
    04.05.2009 21:09
    AW: FF / IE Konflikt =(

    *nich versteh* =(
     
    #3     ▲ 
  4. netbandit

    netbandit Aktives Mitglied

    12
    Dabei seit:
    18.05.2008
    Beiträge:
    1.145
    Geschlecht:
    männlich
    FF / IE Konflikt =(
    04.05.2009 21:11
    AW: FF / IE Konflikt =(

    id muss einmalig/-deutig sein
     
    #4     ▲ 
  5. d3221

    d3221 Aktives Mitglied

    Dabei seit:
    08.09.2006
    Beiträge:
    576
    Geschlecht:
    männlich
    Ort:
    nähe Frankfurt a.M.
    Software:
    PS CS5, DW CS5, FL CS5
    FF / IE Konflikt =(
    04.05.2009 21:29
    AW: FF / IE Konflikt =(

    Joa ich habs grade gesehn xD Nya - dumm halt von mir xD Trotzdem danke ^^
     
    #5     ▲ 
  6. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    FF / IE Konflikt =(
    04.05.2009 23:43
    AW: FF / IE Konflikt =(

    Noch besser wäre es, die Linkliste auch als Liste zu definieren. das spart jede Menge Selektoren und überflüssiges markup.

    HTML:
    1.  
    2. <ul id="navigation">
    3.   <li>Testlink</li>
    4.   <li>Testlink</li>
    5.   <li>Testlink</li>
    6.   <li>Testlink</li>
    7.   <li>Testlink</li>
    8.   <li>Testlink</li>
    9.   <li>Testlink</li>
    10.   <li>Testlink</li>
    11. </ul>
    12.  
    css:
    Code (Text):
    1.  
    2. #navigation{
    3. width: 257px;
    4. border-top: 2px solid #87ac50;
    5. border-bottom: 2px solid #3a8fe6;
    6. background: #A3D25E;/*bei einfarbigen Hintergründen keine Grafik nötig!*/
    7. }
    8. #navigation li{
    9.   list-style: none;
    10. }
    11.  
    usw.
     
    Zuletzt bearbeitet: 04.05.2009
    #6     ▲ 
  7. FlashSoft

    FlashSoft Besserwisser

    Dabei seit:
    26.02.2009
    Beiträge:
    852
    Geschlecht:
    männlich
    Ort:
    Leipzig
    Software:
    Photoshop CS5, Dreamweaver, Flash 8 & CS4
    Kameratyp:
    Digikam
    FF / IE Konflikt =(
    05.05.2009 00:47
    AW: FF / IE Konflikt =(

    Nicht nur das, wie @sokie schon meint
    Code (Text):
    1.  
    2. [FONT=monospace]<div id="visitor" class="line"></div>
    3. <div id="visitor" class="main">
    4.     <center>
    5.       <div id="visitor" class="input">
    6.         Besucher<br />
    7.       000146512
    8.       </div>
    9.     </center>
    10. </div>
    11. [/FONT]
    Doppelte id vermeiden, das interprettiert manscher Browser halt ganz anders. Nenne die zwei um.

    FlashSoft
     
    #7     ▲ 
  8. lonelyhawk

    lonelyhawk Nicht mehr ganz neu hier

    Dabei seit:
    08.01.2007
    Beiträge:
    121
    Geschlecht:
    männlich
    Software:
    notepad
    FF / IE Konflikt =(
    05.05.2009 01:12
    AW: FF / IE Konflikt =(

    ja, das sieht man an dem quelltext.

    der ie kann da nichts für...

    der einzige grund warum der ff es 'richitg' darstellt, ist dessen - ins fast unermesslich gehende - fehlertoleranz. damit unterstüzt er leider die existenz so schlechten quelltextes wie dein beispiel.

    normalerweise verkneife ich mir solche kommentare, aber wenn man gleich anfängt mit "dieser bescheuerte IE", dann kann ich mich nur wiederholen, am ie liegt das nicht...
     
    #8     ▲ 
  9. FlashSoft

    FlashSoft Besserwisser

    Dabei seit:
    26.02.2009
    Beiträge:
    852
    Geschlecht:
    männlich
    Ort:
    Leipzig
    Software:
    Photoshop CS5, Dreamweaver, Flash 8 & CS4
    Kameratyp:
    Digikam
    FF / IE Konflikt =(
    05.05.2009 01:30
    AW: FF / IE Konflikt =(

    Weiß jemand schon, der IE soll noch besser werden? Ist ja nur ein Gerücht. Mann weiß ja, Microsoft macht gerne Versprechen und diese, können die nie halten. Und dauernt gibt es zuviele Fehler, und wir müssen die Fehler finden.

    FlashSoft
     
    Zuletzt bearbeitet: 05.05.2009
    #9     ▲ 
x
×
×