Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 16

Thema: Browserkonflikt

  1. #1
    HTML Newbie
    Registriert seit
    22.09.2007
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Browserkonflikt

    hi,
    Meine Website sieht auf dem IE6 anders aus als auf dem FF2.
    Ich habe schon den passenden Doctype eingefügt um rumkorrigiert, finde aber den fehler nicht.
    Folgendes funzt nicht:
    - Hintergrundbild wird beim IE 6 nicht angezeigt.
    - Die horizontale Liste lässt sich nicht direkt an das bild verschieben (IE & FF).

    Es wäre toll, wenn ihr mir weiterhelfen könntet.

    (REUPLOAD----REUPLOAD----REUPLOAD)
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Dateien Angehängte Dateien

  2. #2
    HTML Newbie
    Themenstarter

    Registriert seit
    22.09.2007
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    OK vielleicht sieht die rar. datei in kombination mit der Anzahl meiner Beiträge verdächtig aus.
    Hier der HTML/CSS code.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
      "http&#58;//www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html>
    <head>
    <title>ShadowNet</title>
     <style type="text/css">
    
    body&#123;
           background-color&#58; #000000;
           background-image&#58; url&#40;bg.gif&#41;; background-repeat&#58; repeat;
           letter-spacing&#58;1px; word-spacing&#58;1px;
    &#125;
    
    #mainFrame&#123;
           position&#58; relative;
           top&#58;10px;
           width&#58;759px;
           height&#58; 1000px;
           margin&#58;0 auto;
           padding&#58;0px;
           border&#58;4px solid #FFFFFF;
           background-color&#58;#F2EDF7;
    &#125;
    #rightFrame&#123;
         position&#58; absolute;
         top&#58;185px;
         right&#58;0;
         width&#58;590px;
         margin&#58; 0px;
         padding&#58;10px;
         border&#58; 2px solid #000000;
         background-color&#58; #F2EDF7 ;
    &#125;
    
      ul#LLH &#123;
        margin&#58; 0 auto;
        padding&#58; 0px;
        width&#58; 100%; height&#58; 23px;
        text-align&#58; center;
      &#125;
    
      ul#LLH li &#123;
        list-style&#58; none;
        display&#58; inline;
        margin&#58; 0; padding-right&#58; 0px;
     &#125;
    
     ul#LLH a, ul#LLH span &#123;
        float&#58; left;
        margin&#58; 0px; padding&#58;0px;
        width&#58; 151px; height&#58; 21px;
        text-decoration&#58; none; font-weight&#58; bold;
        border-bottom&#58; 1px solid black;
        color&#58; black; background-color&#58; #29566B;
      &#125;
    
      ul#LLH a&#58;hover, ul#LLH span &#123;
        width&#58;149px;
        border-color&#58; white;
        border&#58;1px solid black; border-bottom&#58; #F2EDF7;
        color&#58; #29566B; background-color&#58; #F2EDF7;
      &#125;
    
      ul#LLH div &#123;
         clear&#58; left;
      &#125;
    
      ul#LLV &#123;
        margin-top&#58; 5px; margin-left&#58;0px; padding&#58; 0px;
        width&#58;138px;
        text-align&#58; center;
        border&#58; 1px solid black;
      &#125;
    
      ul#LLV li &#123;
        list-style&#58; none;
        display&#58; block;
        margin&#58; 0px; padding&#58; 0px;
      &#125;
    
      ul#LLV a , ul#LLV span&#123;
        margin&#58; 0px; padding&#58;0px;
        text-decoration&#58; none; font-size&#58; 14px; font-weight&#58; bold;
        color&#58; black;
      &#125;
    
      ul#LLV a&#58;hover, ul#LLV span &#123;
        text-decoration&#58; underline;
      &#125;
      ul#LLV h2 &#123;
        font-size&#58; 15px;
        margin&#58; 0;
        border-bottom&#58; 1px solid black;
        color&#58; black; background-color&#58; #3D3D3D;
      &#125;
    
    </style>
    </head>
    <body>
    <div id="mainFrame">
              [img]muster1.gif[/img]
              <ul id="LLH">[*]Home[*][*]News[*][*]Videogames[*][*]IT[*][*]Privat<div></div>[*][/list]
              <ul id="LLV">[*]<h2>Artikel</h2>[*]Seite/Link 1[*]Seite/Link 2[*]Seite/Link 3[*]Seite/Link 4[*]Seite/Link 5[*]Seite/Link 6[/list]
         <div id="leftFrame">
    
         </div>
         <div id="rightFrame">
              <h1>Willkommen auf meiner Homepage</h1>
              Seiteninhalt Seiteninhalt Seiteninhalt Seiteninhalt
              Seiteninhalt Seiteninhalt Seiteninhalt Seiteninhalt
              Seiteninhalt Seiteninhalt Seiteninhalt Seiteninhalt
              Seiteninhalt Seiteninhalt Seiteninhalt Seiteninhalt
              Seiteninhalt Seiteninhalt Seiteninhalt Seiteninhalt
         </div>
    </div>
    
    </body>
    </html>

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard

    was bringt es uns, wenn du deine site als download anbietest, aber das bg.gif, welches ja in deinem problem angegeben is, nich dabei ist?
    also bei mir sieht so wie es grad ist im ie6 und ff2 alles gleich aus
    auflösung:1024x768, noch keine anderen getestet!

    und um dein leiste uner das bild zu bekommen mach
    Code:
    ul#LLH &#123; 
        margin&#58; -4px auto; 
        padding&#58; 0px; 
        width&#58; 100%; height&#58; 23px; 
        text-align&#58; center; 
      &#125;
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ohne auf Details einzugehen, ist mir jetzt auch soviel Arbeit.
    Ich würde relative und absolute Positionierungen weglassen. Arbeite besser mit float und margin.

    Sachen wie dies sind nicht logisch:
    <div id="mainFrame">
    [img]muster1.gif[/img]
    <ul id="LLH">[*]Home[*][*]News[*][*]Videogames[*][*]IT[*][*]Privat<div></div>
    [*][/list]
    rot: hier öffnest du nochmal einen li statt ihn zu schließen.
    blau: wozu soll der div ohne Inhalt dienen?

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    22.09.2007
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    danke für die antworten/hilfe.
    zu den divs:
    bei selfhtml haben die gemeint, ein lerer div-container wäre wegen "clear" notwendig,
    deshalb hab ich ihn mal hingemacht.
    ich würde auch lieber "floaten" doch ich bin zu blöd dazu. wenn du ne seite/wikki kennst wo floaten erklärt, dann her damit
    (bitte nicht selfhtml. habs da nicht verstanden).

    PS: Liste(horizontal) nimmt aus irgendeinem grund nicht 100% der Spalte ein.
    hintergrundbild(im neuen upload) wird vom IE immer noch ignoriert.

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Dann musst du das clearen auch reinschreiben. Das nützt aber auch nichts, weil du vorher nicht gefloatet hast.
    Arbeite dich mal hier Schritt für Schritt durch. Vielleicht wird da manches klarer.

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    22.09.2007
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    vielen dank. hab das pdf-doc runtergeladen.
    leider ist der link auf deine handballseite kaputt...

  8. #8
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke für den Hinweis. Der Link ist mittlerweile repariert.

  9. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    22.09.2007
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich brauche umbedingt noch eure hilfe was das bg.gif hintergrundbild betrifft.
    es wird vom IE (6) nicht erkannt. Ich finde den fehler einfach nicht!

    zudem nutzt die horizontale liste(LLH) nicht 100% der Spaltenbreite. was soll ich tun?

  10. #10
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Achte beim bg-gif auf die exakte Schreibweise der Dateibezeichnung, insbesondere Groß-/Kleinschreibung, es dürfen auch keine Sonderzeichen enthalten sein.
    Wenn du mal einen Link setzen könntest wäre das einfacher zu beurteilen.

Ähnliche Themen

  1. Browserkonflikt mit HTML und CSS
    Von Thomasw im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.08.2005, 12:56

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •