Hallo,
ich hänge hier seit zwei Tagen an einem sehr hartnäckigen Problem herum und weiss nicht, wie ich ihm beikommen soll. Das Problem tritt zudem nur beim IE auf, der Mozilla scheint damit keine Probleme zu haben...
Es geht um die Darstellung von Content mit typo3 4.0.2 & RTE 1.4.2.
Wenn ich auf einer Seite Inhaltselemente des Typs "Text" anlege, funktioniert alles wunderbar. Sowie ich aber entweder ein Formular oder ein "Text mit Bild" anlege und es mir anschliessend anzeige ist ein Grossteil des Contents weg! Das heisst, weg ist er nicht einfach, sondern er wird anscheinend von einer anderen Content-Box überlagert. Das Problem tritt auch nur auf, wenn das Bild nicht zentriert über oder unter dem Text liegt.
Ich habe schon alle möglichen Schnippsel aus diversen Foren durchprobiert und weiss nicht mehr, wo und wie ich weitermachen soll, daher hoffe ich auf einen Tipp hier.
Hier noch die entsprechenden Codes:
mod.SHARED.colPos_list = 0
inlineStyle2tempFile = 1
RTE.default.proc.dontConvBRtoParagraph = 1
#*** RTE Classe des Interface (Ausrichtung)
RTE.classes {
align-left {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft
value = text-align: left;
}
align-center {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter
value = text-align: center;
}
align-right {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright
value = text-align: right;
}
}
# *** Entfernt das Bild vor den Links
RTE.classesAnchor {
internalLink {
class = internal-link
type = page
image >
}
externalLink {
class = external-link
type = url
image >
}
externalLinkInNewWindow {
class = external-link-new-window
type = url
image >
}
internalLinkInNewWindow {
class = internal-link-new-window
type = page
image >
}
download {
class = download
type = file
image >
}
mail {
class = mail
type = mail
image >
}
}
PAGE_TARGET =
content.pageFrameObj =
#css_styled_content default stylesheet ausblenden
content.stylesheet.file =
### CSS STYLED CONTENT ###
lib.stdheader.stdWrap.dataWrap >
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines >
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class = content_box_left_innen
config {
xmlprologue = none
xhtml_cleaning = all
htmlTag_setParams = xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"
#doctype = xhtml_strict
xhtml_cleaning = all
htmlTag_langKey = de
htmlTag_langKey = de_DE
simulateStaticDocuments_noTypeIfNoTitle=1
simulateStaticDocuments_pEnc_onlyP = L
simulateStaticDocuments_pEnc = md5
spamProtectEmailAddresses = 2
spamProtectEmailAddresses_atSubst = (at)
}
seite=PAGE
seite.10.template.file=fileadmin/template/unterseite.html
[globalVar = TSFE:id = 2]
seite.10.template.file=fileadmin/template/index.html
[global]
seite {
stylesheet = fileadmin/template/styles.css
typeNum=0
10=TEMPLATE
10.template=FILE
;10.template.file=fileadmin/template/index.html
10.workOnSubpart=DOKUMENT
10.marks {
sprachwahl = PHP_SCRIPT
sprachwahl.file = fileadmin/template/languageMenu.php
MAIN=CONTENT
MAIN {
hier der CSS-Code:
body
{
background-color: #404040;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
color: #000000;
text-align: center;
}
.main
{
width: 770px;
margin: 5px auto 0px;
background-color: #ffffff;
}
.main_innen
{
padding: 10px;
margin-bottom: 10px;
}
.sprache
{
width: 770px;
margin: 20px auto 0px;
text-align: right;
color: #ffffff;
}
.innerbox
{
background-color: #c0c0c0;
}
.innerbox_logo
{
float: left;
margin: 6px 0px 0px 30px;
display: inline;
}
.innerbox_hand
{
width: 100px;
height: 120px;
position: relative;
left: 4px;
top: -7px;
float: right;
}
.hauptnavi_zeile
{
position: relative;
top: -7px;
clear: both;
background-color: #808080;
padding: 4px 25px 4px 0px;
color: #ffffff;
font-weight: bold;
text-align: right;
}
h1
{
padding: 0px;
margin: 0px 0px 5px 0px;
font-size: 10pt;
font-weight: bold;
color: #224dbe
}
.breaker
{
clear: both;
overflow: hidden;
line-height: 0px;
height: 1px;
}
.content_bereich
{
padding: 8px 8px 0px 8px;
}
.content_box_left
{
background-color: #d4d4d4;
margin-right: 218px;
height: 170px;
text-align: left;
line-height: 1.5em;
text-align: justify;
}
.content_box_left_innen
{
padding: 10px;
}
.content_box_left_unterseite
{
background-color: #d4d4d4;
text-align: left;
line-height: 1.5em;
text-align: justify;
}
.content_box_right
{
float: right;
width: 210px;
height: 170px;
background-color: #d4d4d4;
text-align: left;
}
.content_box_right_innen
{
padding: 10px;
}
.footer
{
width: 770px;
margin: 10px auto 0px;
text-align: center;
color: #d4d4d4;
font-size: 8pt;
line-height: 1.5em;
}
.csc-mailform {
border: 0px;
}
.csc-mailform-field label {
font-size: 10pt;
font-family: Helvetica, Verdana, Arial, sans-serif;
width: 8em;
float: left;
text-align: right;
margin-right: 0.5em
display: block
}
.csc-mailform-submit {
margin-left: 5.5em;
}
und der Teil der Designvorlage, um die es sich dreht:
<div class="main">
<div class="main_innen">
<div class="innerbox">
<div class="innerbox_hand"></div>
<div class="innerbox_logo">
<img src="fileadmin/template/images/logo.gif" width="165" height="100" border="0" alt="xyz" />
</div>
<div class="hauptnavi_zeile">###MAINNAVI###
</div>
<div class="unternavi_zeile"> ###SUBNAVI###
</div>
<div class="quicknavi_zeile">###rootline###
</div>
<div class="content_bereich">
<div class="content_box_left_unterseite">
<div class="content_box_left_innen">###MAIN###</div>
</div></div>
Ich habe das CSS innendrin gekürzt und von TS nur den Anfang drin sowie vom HTML-Teil nur den entsprechenden Teil mit den Markern.
Um das Ganze etwas zu veranschaulichen, hier noch zwei Screenshots:
Bild: img230.imageshack.us/…/1by7.png
Hier ist ...eigentlich nichts zu erkennen ausser zwei kleinen Grafiken. Der Text versteckt sich hinter dem Grau zwischen den Grafiken, was man erkennt, wenn man Text markiert:
Bild: img230.imageshack.us/…/2gx2.png
Der Text ist nur schnell rauskopiert und hat nichts zu sagen...
:o
Hilfe, ich weiss nicht mehr weiter... #angry#