✔ IE interpretiert alles falsch

Status
Nicht offen für weitere Antworten.
zyclop

zyclop

Erfahrenes Mitglied
Hallo ich habe nun eine Seite erstellt. Diese ist zu 70% Fertig. Jedoch habe ich nun ein Problem. Und zwar habe ich die seite eigentlich komplett für Firefox eingerichtet sowie mit FF getestet. Wenn ich jedoch nun die seite mit dem IE anschaue verzieht es mir alles und ich finde den fehler einfach nicht. Kann mir jemand sagen an was das liegt? Wo ich genauer suchen soll? Ich finde es irgendwie nicht

seite [entfernt]

grz zyclop
 
Hi,

als allererstes solltest du für das HTML-Dokument einen Doctype deklarieren, damit das Dokument nicht im Quirksmode übergeben wird, und der IE sich an das CSS-Boxmodell hält.

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
Und hier die erforderlichen Ergänzungen für das Stylesheet:

Code: 
* {
margin:0;
padding:0;
}

#content {
        margin-right: 280px !important;
        margin-right:140px;
        line-height: 18px;
        padding-left: 20px !important;
        padding-left:10px;
}

#sidebar-a {
        float: right;
        display:inline;
        width: 228px;
        height: 470px;
        line-height: 18px;
        margin-right: 10px;
        background: #fff url("bg_nav.png") right top no-repeat;
        background-color: #fff;
        margin-left:0 !important;
        margin-left:-3px;
}

#sidebar-a p {
    width: 173px ;
    margin-left: 30px !important;
    margin-left:15px;
        text-decoration: none ;
        text-align: left;
        background-color: #fff;
}
Zudem solltest du die Kommentare im Stylesheet auch ordnungsgemäß schliessen, da dies ansonsten zu Darstellungsfehlern in dem einen oder anderen Browser führt.

Code: 
/* titel im text */

/*  <td width="61%" align="left" valign="top"><p><span class="style6">Titel</span></p>  */



/* Titel im text Farbe  */

/* #666666  */
 
Danke für die schnelle antwort. aber das problem besteht weiter hin...ich glaube ich mache das include an der falschen stelle...hier der code vieleicht seht ihr es ja

PHP: 
Quellcode aus sicherheitsgründen entfernt
 
Zuletzt bearbeitet:
Zum einen übergibst du das Dokument noch immer im "Quirksmode" und zum anderen hast du die !important-Regeln nicht mitübernommen; vergleiche hierzu einfach nochmal meinen CSS-Code.
 
Habe es nun gemacht zum beispiel beim portrait...funktioniert aber immer noch nicht wenn du aber die seite angebot anschaust dort funktioniert es...hmmm'

des weiteren wie kann ich das menu weiter nach links schieben?
 
Solange du meine Vorschläge nicht vollständig übernimmst, ist es müßig, darüber zu diskutieren, weshalb es bei dir noch immer nicht funktioniert, denn bei mir interpretiert der IE da nichts mehr falsch.

demo_ie.jpg
 
mann entweder ich bin zu blöd oder ich sehe denn fehler einfach nicht...sry das ich so nervig bin aber ich sehe es echt nicht? ich denke ich habe alles gemacht
 
Dann lies einfach nochmal meine ersten Post durch.

Maik hat gesagt.:
als allererstes solltest du für das HTML-Dokument einen Doctype deklarieren, damit das Dokument nicht im Quirksmode übergeben wird, und der IE sich an das CSS-Boxmodell hält.

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
Zum Vergrößern anklicken....
 
was mir so auf die schnelle auffällt...du hast noch den ie6...ich teste mit ie7 kann das jemand anderes mit einem IE7 testeN?
 
Hab's mir eben im IE7 angeschaut ;)

Code: 
#content {
        margin-right: 280px;
        line-height: 18px;
        padding-left: 20px;
}

#content .padding {
        padding-left:25px;
        padding-top:25px;
        background-color: #fff;
}
Und nach dem Stylesheet rufst du folgenden "Conditional Comment" auf:

Code: 
<style type="text/css" media="all">@import images/style.css;</style>
<!--[if lte IE 7]>
<style type="text/css">
#content {
margin-right:115px;
padding-left:5px;
}
</style>
<![endif]-->
Und vergess nicht, das Dokument, im Standardsmode zu übergeben.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück