Kein Layout im Internet-Explorer 6 und 7 (im Firefox schon)

[imaus]

Hallo,

Contenido ist neu für mich, vielleicht kann mir jemand hierbei helfen:

Ich habe das Layuot in Dreamweaver mit AP-Elementen (DIV-Tags) gebaut.
Eine Nicht-Contenido-HTML-Testseite (Container auskommentiert) auf dem Remote Server funktionert sowohl im IE 6 und 7 als auch im Firefox, die Styleangaben sind also O.K., auch für IE7

Das gleiche Layout (mit einem einfachen Text-Modul-Container) und Stylesheet funktioniert auch unter Contenido - hier aber nur im Firefox. Im Internet-Explorer existiert kein Layout, der Text aus dem Text-Modul erscheint blank auf dem Bildschirm. Aber, wie gesagt: im Firefox ist alles O.K., ohne Contenido funktionieren Layout und CSS auch im IE. Alle Tags sind ordentlich geschlossen.

Es liegt also nicht am Layout und nicht am CSS.
Wo aber soll ich sonst suchen? Es würde mich sehr freuen, wenn mir jemand sagt, was ich tun muss.
Ich nutze die Version 4.8.11.

mcatmouse

[GaMbIt_]

Was sind bitte AP-Elemente?

Kann man das mal online irgendwo betrachten?

[idea-tec]

AP-Element = Absolut Positioniertes Element
AP-Elemente sind in der Regel absolut positionierte Div-Tags.

Entstammt der Entwicklung von Websites mit DreamWeaver

[GaMbIt_]

Aha... sehr komisch...
Ich nenne sowas Division in CSS formatiert...
Aber wenn Adobe das gern AP Element nennen will .. wieder was gelernt ...

Kann man sich das trotzdem ansehen?
Ich denke nämlich schon dass das an dem Layout liegt...

[imaus]

Zu sehen gibt´s zwar noch nichts außer den drei unterschiedlich farbigen DIV-Blöcken, ich bin noch am Ausprobieren.

Contenido-Erzeugnis mit 1 Text-Modul:
http://www.doku4u.de/co/test, Umsetzung der DIV-Blöcke läuft nur unter Firefox

Gleiches Layout nur als .htm mit selbem css:
http://www.doku4u.de/co/test.htm, läuft unter Firefox UND IE7 (auch im IE6, obwohl der angeblich Position:absolute nicht unterstützt)

Die screen01.css sieht so aus (schon mal vielen Dank, dass Ihr Euch damit befasst):

#apDivRahmen {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:600px;
z-index:1;
background-color: #666666;
}
#apDivLogo {
position:absolute;
left:820px;
top:45px;
width:355px;
height:92px;
z-index:1;
background-color: #CCCCCC;
}
#apDivContent {
position:absolute;
left:0px;
top:276px;
width:1024px;
height:324px;
z-index:2;
background-color: #FFFFFF;
}

[idea-tec]

nun habe ich was gesehen, womit ich auch schon einmal probleme hatte.
=> 2x z-index:1;
Lass z-index doch raus, braucht man eigentlich nicht (schlagt mich nun nicht gleich, aber ich habe noch in keinem meiner layouts ein z-index gebraucht, sorry).

und was du versuchen könntest ist: " " in jedes leere div.

[imaus]

Stimmt, im Firefox funktioniert es auch ohne Z-Index, im IE aber immer noch nicht.
Auch die eingefügten Füllzeichen haben nicht geholfen.

Einen Schritt weiter gekommen bin ich hiermit: deklariere ich die Styles intern im Head-Tag funktioniert es!
Da habe ich es natürlich wieder raus genommen, weil ich sie extern pflegen will.

Damit habe ich folgenden Zustand:

• Im Firefox funktionier alles
  Im IE funktionieren die Styles nur intern deklariert
  Im IE funktionieren die Styles nicht, wenn sie in einer separaten Datei liegen

Woran liegt´s??

[GaMbIt_]

Dir fehlt auch noch der Titel im Head Bereich... der muss da rein...

Und Du hast uns nicht alles in Deiner CSS Datei gezeigt..
Das ist die CSS Datei die ich gesehen hab....

Code: Alles auswählen

<!--
#apDivRahmen {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:600px;
/* z-index:1; */
background-color: #666666;
}
#apDivLogo {
position:absolute;
left:820px;
top:45px;
width:355px;
height:92px;
/* z-index:1; */
background-color: #CCCCCC;
}
#apDivContent {
position:absolute;
left:0px;
top:276px;
width:1024px;
height:324px;
/* z-index:2; */
background-color: #FFFFFF;
}-->

Bitte die komischen HTML Kommentare entfernen... das ist CSS und nicht HTML
die /* */ Kommentare sind korrekt können aber evtl. den IE aus dem Tritt bringen...

[imaus]

Also, habe brav den Titel ergänzt und die "komischen" Kommentare entfernt.
Aber daran lag es auch nicht.

Das CSS, das Du gesehen hast, war vielleicht aus meinem kurzen Test mit dem intern CSS und hatte außer den Z-Index noch die Kommentarzeichen. Die sind aber in der CSS-Datei nicht (mehr) drin, die sieht bislang tatsächlich nur so aus:

#apDivRahmen {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:600px;
background-color: #666666;
}
#apDivLogo {
position:absolute;
left:820px;
top:45px;
width:355px;
height:92px;
background-color: #CCCCCC;
}
#apDivContent {
position:absolute;
left:0px;
top:276px;
width:1024px;
height:324px;
background-color: #FFFFFF;
}

[GaMbIt_]

Und das Beispiel ist nicht mehr da..

funktionierts jetzt wenigstens?

[imaus]

Mit externem CSS immer noch nicht, aber wenigstens schon mal mit internem (was ich immer noch nicht verstehe ).
Damit baue ich die Seite jetzt erst mal ordentlich auf, und poste dann hier, ob es das war, oder ob's immer noch nicht mit externen Styles funktioniert.

Habe im übrigen noch einen Uralt-Thread gefunden, wo es neben dem eigentlichen Problem einen ähnlichen Effekt gegeben zu haben scheint
http://forum.contenido.org/viewtopic.ph ... 96&start=1

Ansonsten googlen, wo man wie CSS-Style-Definitinen einbaut. Intern, im HTML-Document selbst, oder extern in extra style.css, wie bei Contenido-Beispiel-Mandanten auch. Findest Du unter STYLE/STYLEEDITOR

dort greift es nicht

[GaMbIt_]

Möglicherweise ist das css falsch vrlinkt... oder die base Referenz stimmt nicht...

[imaus]

Möglicherweise ist das css falsch vrlinkt...

Kann nicht sein, denn Firefox findet´s ja, und das ...

oder die base Referenz stimmt nicht...

... müsste hierfür eigentlich genauso gelten, bzw. habe auch das base-Tag jetzt explizit hinzugefügt.

Außerdem habe ich nach -zig-maliger Layout-Aktualisierung mal eine ganz andere Frage:
nach jeder Layout-Aktualisierung gibt mir ein Bildschirm-Refresh den Fehler "No code was created for this art in this category."
Erst, wenn ich unter Content>Artikel>[erste Kategorie]>Konfiguration den Haken noch mal anklicke, kommt die Seite wieder hoch.
Geht das auch einfacher?
Oh jeh, ich seh schon, dieses Forum wird in den nächsten zwei Wochen meine zweite Heimat
Dank Dir auf jeden Fall schon mal für Deine "Anteilnahme"...

[GaMbIt_]

Das Base Tag wird von Contenido generiert...

Wenn was im FF funktioniert heisst das noch nicht dass es auch im IE funktionieren muss...
Und.. wenn etwas im IE funktioniert heisst es nicht automatisch dass es korrekt ist... die Fehlertoleranzen sind teilweise unterschiedlich...

edit:Nachtrag
Die CSS Datei ist in Deinem Beispiel nicht mehr verfügbar...

[imaus]

So, da bin ich nochmal, man soll ja schließlich nichts offen lassen:
Leider kann ich zwar überhaupt nicht sagen, woran es lag, aber: es funktioniert jetzt.
Ich hatte ja alles nochmal neu aufgesetzt, es zwei Wochen ruhen lassen und mich erst heute morgen getraut, die Styles aus dem Header in eine css-Datei auszulagern - und es lief.

Mein Problem war also vermutlich irgendwo selbst gemacht, schade, dass ich den Fehler nicht lokalisieren konnte.
Aber, vielleicht wenigstens dies für alle anderen: Layouts mit absolut positionierten DIV-Tags gehen mit Contenido genauso wie in anderen web-Anwendungen.