Thema: Darstellungsfehler IE6: rechte Modulpositionen neben Platz im Template

Hallo zusammen,

bin gerade fleißig dabei, unsere neue Homepage www.hli.at zu überprüfen. Dabei gabs gleich mit dem IE6 schon ein merkwürdiges Problem, und zwar werden die Modulpositionen auf der rechten Seite neben dem dafür vorgesehenen Platz im Template angezeigt.
Unter IE7 oder dem aktuellen Firefox stimmt dagegen die Darstellung.

Weiß jemand, woran das liegt bzw. wie ich das ändern kann?

Danke schonmal!


Hier ein Screenshot@IE6:

(Screenshot entfernt)

Hallo,

danke für deine Hilfe.
Ich frage mich nur, ob diese Änderungsvorschläge Auswirkungen haben auf das Template?
Die von dir erwähnten Punkte betreffen ja lediglich den Inhalt eines Content, und nicht den Aufbau des Templates.

Als Template habe ich das "Water and Stone blue", also ein fertiges Template, gewählt. Dies wurde nur bezüglich der Farben angepaßt, und das Titellogo ausgetauscht.

Wenn es wirklich, wie du meinst, an der richtigen Formatierung im Content liegt, dann müsste ja auf anderen (korrekten) Seiten das Problem mit der Flaschplatzierung der rechten Modulpositionen nicht auftauchen - dem ist aber nicht so.

Lass mich aber gerne belehren...

Oder wer hat ein ähnliches Problem gehabt und eine Lösung gefunden?

Danke für den interessanten Link!
Habe es durchgelesen und gleich in mein Template bei der CSS-Datei eingebaut.
Jedoch.. leider ohne Auswirkung auf das Layout. Es ist immer noch wie auf dem Screenshot oben zu sehen ist.

Ich habe das Problem, dass ich gar nicht weiss, an welcher Ecke ich anfangen soll etwas auszuprobieren - ich habe auch viel zu wenig Erfahrung mit solchen Dingen.

Ich bin dir sehr dankbar für deine Hilfe, vielleicht hast du noch einen Tip woran es liegen oder was ich probieren könnte?

Ich hab nämlich mit JoomlaStats gesehen, dass ca. die Hälfte der Besucher IE6 benutzt.. deshalb ist das schon ein großes Anliegen. Ausserdem wird unsere Seite zur Zeit beworben, weshalb relativ viele Besucher auf der Seite sind.


Also,.. wenn es das Problem mit den nicht geschlossenen Tags wäre, dann müßte auf einer ganz einfachen Seite, bei der alles in Ordnung ist, das Problem nicht auftreten, stimmt doch so, oder?
Zum Beispiel die "Spenden für HLI"-Seite ist lediglich formatierter Text. Doch auch hier tritt das Problem mit dem verschobenen Modulpositionen auf.

Oder, wie gefragt, hat sonst jemand Erfahrung und einen Lösungsansatz?

Vielen Dank für alle Bemühungen,

Grüße aus Wien!

P.S.: Das mit dem Belehren war ernst gemeint, da ich doch Joomla-Newbie bin

Ergänzung:

Mir ist eingefallen, dass ich das WaterAndStone-Template angepasst hatte...
Nun vermute ich, dass ich in der template_css.css-Datei eventuell etwas falsch definiert habe, kenn mich leider (noch) nicht so gut damit aus.

Hier das Template-Layout von genannter css-Datei:
(Interessant ist jedoch, dass das Layout unter IE7 und FF2 korrekt funktioniert, nur beim IE6 verschiebt sich der Container für die rechte Seite, wie oben im Bild zu sehen ist)

/* ---------------------
template layout
--------------------- */

/** wrapper to make the page center **/
#container {
width:900px;
margin: 0px auto;
padding:0;
text-align: left;
}

/**
hold background, it should be float:left
that's way we can not put it in #container
**/
#containerbg {
position:relative;
width: 900px;
background:transparent url(../images/bg_inside.jpg) repeat-y left top;
float:left;
top:0;
left:0;
}

#outerleft {
position:relative;
float:left;
clear:left;
width:730px;

}

#outerright {
position:relative;
top:150px; // <--- Diese Zeile habe ich eingefügt,
width:170px; // um unterhalb des Titel-Logos zu sein.
float:right;
clear:right;
}

#logo {
position:relative;
border-width:1px;
border-style:solid;
border-color:#7c3b3a;
width:898px; // <-- Das ist auch neu, betrifft die
height:148px; // Dimension des Logos.. auch die
float:left; // border-Anweisungen sind neu
background-color:#FFFFFF
}

#container_inner {
position:relative;
float:left;
clear:left;
width:730px;
}

/** div container for left column **/
#leftcol {
position:relative;
float:left;
clear:left;
width:172px;
}

#leftcolmenu {
position:relative;
overflow:auto;
}


/** div wrapper for user2 & user3 **/
#content_top_wrapper {
position:relative;
float:right;
clear:right;
width:542px;
display:inline;
margin: 4px 8px 0 0;
}

/** div container for position:user2 **/
#content_top1 {
position:relative;
float:left;
clear:left;
width:269px;
}

/** div container for position:user3 **/
#content_top2 {
position:relative;
float:right;
clear:right;
width:269px;
}

/** div container for mainbody **/
#content_main {
position:relative;
float:left;
width:520px;
margin:0px 0 20px 20px;
background-color:#FFFFFF;
}

/** div container for right column **/
#rightcol_top,
#rightcol {
float:left;
clear:left;
width:168px;
margin:0 0 0 1px;
display:inline;
overflow:auto;
}

/** div container for right column position:header **/
#rightcol_top {
height:70px;
min-height:70px;
background:transparent url(../images/bg_topright.jpg) no-repeat center top;
}

Hmm... ist da ein Fehler im Code?

Danke für eure Hilfe

Gruß, Matthias

Ach ist das schön!

Will heissen, das Problem hat sich gelöst!

Ja es lag am Template.. ich habe es so umgestaltet, dass das Titel-Logo über die ganze Breite reicht. Dadurch hat sich der Container für die rechte Modulposition ebenfalls verschoben.
IE7 und FF hatten damit kein Problem, aber der IE6 ist wohl kritischer in diesen Dingen.

Nun stimmt das Template jedenfalls.

Vielen Dank für eure Hilfe, vor allem Dir, soltmann.

Gruß,
Matthias