Browserkonflikt

PlanB

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)

PlanB

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

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>ShadowNet</title>
 <style type="text/css">


body{
       background-color: #000000;
       background-image: url(bg.gif); background-repeat: repeat;
       letter-spacing:1px; word-spacing:1px;
}


#mainFrame{
       position: relative;
       top:10px;
       width:759px;
       height: 1000px;
       margin:0 auto;
       padding:0px;
       border:4px solid #FFFFFF;
       background-color:#F2EDF7;
}
#rightFrame{
     position: absolute;
     top:185px;
     right:0;
     width:590px;
     margin: 0px;
     padding:10px;
     border: 2px solid #000000;
     background-color: #F2EDF7 ;
}


  ul#LLH {
    margin: 0 auto;
    padding: 0px;
    width: 100%; height: 23px;
    text-align: center;
  }


  ul#LLH li {
    list-style: none;
    display: inline;
    margin: 0; padding-right: 0px;
 }


 ul#LLH a, ul#LLH span {
    float: left;
    margin: 0px; padding:0px;
    width: 151px; height: 21px;
    text-decoration: none; font-weight: bold;
    border-bottom: 1px solid black;
    color: black; background-color: #29566B;
  }


  ul#LLH a:hover, ul#LLH span {
    width:149px;
    border-color: white;
    border:1px solid black; border-bottom: #F2EDF7;
    color: #29566B; background-color: #F2EDF7;
  }


  ul#LLH div {
     clear: left;
  }


  ul#LLV {
    margin-top: 5px; margin-left:0px; padding: 0px;
    width:138px;
    text-align: center;
    border: 1px solid black;
  }


  ul#LLV li {
    list-style: none;
    display: block;
    margin: 0px; padding: 0px;
  }


  ul#LLV a , ul#LLV span{
    margin: 0px; padding:0px;
    text-decoration: none; font-size: 14px; font-weight: bold;
    color: black;
  }


  ul#LLV a:hover, ul#LLV span {
    text-decoration: underline;
  }
  ul#LLV h2 {
    font-size: 15px;
    margin: 0;
    border-bottom: 1px solid black;
    color: black; background-color: #3D3D3D;
  }


</style>
</head>
<body>
<div id="mainFrame">
          [img]muster1.gif[/img]
          <ul id="LLH">
               [*][url='www.google.de']Home[/url][*]
               [*][url='www.google.de']News[/url][*]
               [*][url='www.google.de']Videogames[/url][*]
               [*][url='www.google.de']IT[/url][*]
               [*][url='www.google.de']Privat[/url]<div></div>
               [*]
          [/list]
          <ul id="LLV">
               [*]<h2>Artikel</h2>
               [*][url='www.google.de']Seite/Link 1[/url]
               [*][url='www.google.de']Seite/Link 2[/url]
               [*][url='www.google.de']Seite/Link 3[/url]
               [*][url='www.google.de']Seite/Link 4[/url]
               [*][url='www.google.de']Seite/Link 5[/url]
               [*][url='www.google.de']Seite/Link 6[/url]
          [/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>

Alles anzeigen

synaptic

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 { 
    margin: -4px auto; 
    padding: 0px; 
    width: 100%; height: 23px; 
    text-align: center; 
  }

sejuma

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:

Zitat

<div id="mainFrame">

<ul id="LLH">
[*]Home[*]
[*]News[*]
[*]Videogames[*]
[*]IT[*]
[*]Privat<div></div>
[*]
[/list]

Alles anzeigen

rot: hier öffnest du nochmal einen li statt ihn zu schließen.
blau: wozu soll der div ohne Inhalt dienen?

PlanB

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.

sejuma

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.

PlanB

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

sejuma

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

PlanB

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?

sejuma

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.

PlanB

meine seite ist nicht online aber ich habe sie HIER hochgeladen.
meine probleme sind immernoch die selben.

PLZ help

jojo87

ähm, dein Link geht nicht.

PlanB

seit ihr sicher? ich habe meinen ersten beitrag editiert, den alten anhang gelöscht und den neuen hochgeladen.
Der Anhang heißt WSeite2.rar. wie gesagt im ersten post.

Aber wenns da Probleme gibt, ich hab die Seite auch bei RapidShare.com hochgeladen:
http://rapidshare.com/files/57648076/WSeite2.rar.html

Xx Andy xX

Habe auch ein Problem mit den unterschiedlichen Browser!!

könnt ja mal selber gucken, ich habe keine Ahnung, wieso das auf den Internet Explorer so kacke aussieht, oder besser gesagt was garnix zuseheh isz und auf den Firefox Browser alles perfeckt ist !!

http://darealandy.de

PlanB

dir fehlt der passende doctype der den browser sagt in welchen modus er schalten soll.
http://www.carsten-protsch.de/zwischennetz/d…einleitung.html

geh auf die seite und kopier einfach einen dieser links raus und gucke welcher funktioniert.
der doctype steht vor dem <html> tag. bei mir passte der xhtml1.1 doctype.
frag mich aber nicht warum xD.

HILFE. hab noch immer probleme

Xx Andy xX

Habe jeden Code ausproboert, aber weiterhelfen tuts auch nicht !!
Vielleicht noch nen anderen Vorschlag !?

Browserkonflikt

Tags

Benutzer online in diesem Thema