Hallo liebe Mit-Typo3ler! :)
Ich habe ein kleines Problem mit der Darstellung von Inhaltselementen text mit Bild im IE7, finde partout keine Lösung. Man kann es hier beobachten:
[url]http://www.allessa-online.de/index.php?id=39[/url]
Auf der rechten Seite unter "Weitere Infos" sind zwei Inhaltselemente vom Typ Text mit Bild. Wenn ich nun dem oberen unter "nach" im BE einen Abstand von 15px gebe, dann ist der Text neben dem Bild nach unten verschoben, das Bild "rutscht" also nicht auf gleiche Höhe. Selbes passiert auch, wenn ich dem zweiten einen Abstand von 15px vor gebe im BE.
Wie gesagt ist es nur im IE7 so. Und ich überlege die ganze Zeit, was da Sache ist. Ich befürchte, es ist ein Fehler im Stylesheet, kann es aber einfach nicht lokalisieren. Hier mal das CSS:
[HTML]@import url(menu.css);
@charset "utf-8";
html {
height:100%;
}
/* CSS Document */
a:link { text-decoration: underline; color: #003c8e; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
a:visited { text-decoration: underline; color: #003c8e; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
a:active { text-decoration: underline; color: #003c8e; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
a:hover { text-decoration: none; color: #6c6c6c; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
/* _____________Patch zur Zentrierung_____________ */
body {
text-align: left; margin: 0px;
height:100%;
font-family:verdana,arial,helvetica,sans-serif;
}
/* _____________Patch zur Zentrierung ENDE!_____________ */
#container {
text-align: left;
width: 987px;
height: 100%;
padding: 0px;
margin: 0px;;
background-color:#ffffff;
top:0px;
left:0px;
z-index:1;
}
h1 {
display:inline;
color:#57c3e5;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-1px;
}
h2 {
color:#6c6c6c;
font-size:11px;
font-weight:bold;
}
h3 {
display:inline;
color:#57c3e5;
font-size:14px;
font-weight:bold;
}
/* ##############_____________Header_____________############## */
#header {
float:left;
width: 987px;
height: 153px;
top:0px;
left:0px;
background: url(../gfx_all/bg_head.jpg) top left no-repeat;
z-index:30;
}
/* ##############_____________Navigation_____________############## */
#navi-main {
float:left;
margin-left:50px;
margin-top:110px;
text-align:left;
width:650px;
z-index:10;
display:inline;
}
#navi-meta-container {
float:right;
margin-right:12px;
margin-top:92px;
width:200px;
z-index:10;
display:inline;
text-align:left;
color:#000000;
font-family:arial,helvetica,sans-serif;
font-size:11px;
}
#navi-meta {
float:left;
z-index:10;
display:inline;
text-align:left;
}
#navi-meta ul {
padding:0;
display:inline;
text-align:left;
margin:0;
color:#000000;
}
#navi-meta li {
padding:0;
display:inline;
list-style-type:none;
text-align:left;
color:#000000;
}
#navi-meta-print {
float:left;
display:inline;
}
/*#navi-meta a:link, a:visited, a:active {
font-size:11px;
color:#043270;
text-decoration: none;
}
#navi-meta a:hover {
font-size:11px;
color:#57c3e5;
text-decoration: none;
} */
#suche {
float:right;
margin-right:12px;
margin-top:5px;
width:200px;
z-index:10;
display:inline;
text-align:left;
color:#000000;
font-family:arial,helvetica,sans-serif;
}
#suche input{
width:122px;
height:14px;
font-size:11px;
color:#000000;
}
/* ##############_____________Inhalt_____________############## */
#content {
float:left;
text-align:left;
width:972px;
background-color:#f1f5f5;
z-index:1;
display:inline;
margin-left:15px;
font-family:verdana,arial,helvetica,sans-serif;
color:#6c6c6c;
font-size:11px;
}
#content-left {
float:left;
margin-left:45px;
margin-top:30px;
width:265px;
display:inline;
}
#content-left-image {
float:left;
text-align:left;
width:265px;
z-index:1;
}
#content-left-image-subtext {
float:left;
text-align:center;
width:265px;
height:14px;
z-index:1;
color:#ffffff;
background-color:#004391;
font-size:10px;
margin-top:-5px;
}
#content-left-sub {
float:left;
text-align:left;
width:160px;
margin-top:30px;
z-index:1;
}
#content-center {
float:left;
margin-top:30px;
margin-left:35px;
text-align:left;
width:325px;
z-index:1;
display:inline;
}
#content-center-headline {
float:left;
text-align:left;
width:350px;
height:23px;
z-index:1;
display:inline;
border-bottom:1px solid #cfcfb0;
display:inline;
}
#content-center-welcome {
float:left;
margin-top:20px;
text-align:left;
width:350px;
z-index:1;
display:inline;
font-size:11px;
color:#6c6c6c;
}
table,tr,td {
font-size:11px;
color:#6c6c6c;
}
#content-center-text a:link { text-decoration: underline; color: #003c8e; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
#content-center-text a:visited { text-decoration: underline; color: #003c8e; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
#content-center-text a:active { text-decoration: underline; color: #003c8e; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
#content-center-text a:hover { text-decoration: none; color: #6c6c6c; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
#content-center-footer {
float:left;
margin-top:20px;
text-align:left;
width:350px;
z-index:1;
display:inline;
font-size:9px;
color:#7b7b68;
padding:0;
font-family:arial,helvetica,sans-serif;
}
#content-center-footer a:link, a:visited {
font-size:9px;
color:#7b7b68;
font-family:arial,helvetica,sans-serif;
text-decoration:none;
}
#content-center-footer a:hover {
font-size:9px;
color:#57c3e5;
font-family:arial,helvetica,sans-serif;
text-decoration:none;
}
#content-right {
float:right;
margin-right:10px;
margin-top:34px;
text-align:left;
width:225px;
z-index:1;
display:inline;
}
#content-right-headline {
float:left;
text-align:left;
width:225px;
height:19px;
z-index:1;
display:inline;
border-bottom:1px solid #cfcfb0;
display:inline;
font-weight:bold;
font-family:arial,helvetica,sans-serif;
}
#content-right-text {
float:left;
text-align:left;
width:225px;
z-index:1;
display:inline;
font-size:10px;
color:#6c6c6c;
margin-top:15px;
}
#content-right a:link { text-decoration: underline; color: #003c8e; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
#content-right a:visited { text-decoration: underline; color: #003c8e; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
#content-right a:active { text-decoration: underline; color: #003c8e; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
#content-right a:hover { text-decoration: none; color: #6c6c6c; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; }
/* ##############_____________Bottom_____________############## */
#bottom {
float:left;
text-align:left;
width:972px;
background-color:#f1f5f5;
z-index:1;
display:inline;
margin-left:15px;
height:50px;
}
#bottom-footer {
float:left;
font-size:9px;
color:#7b7b68;
width:350px;
margin-top:15px;
margin-left:350px;
display:inline;
}
#bottom-footer a:link { text-decoration: none; color: #7b7b68; font-family:verdana,arial,helvetica,sans-serif; font-size: 9px; }
#bottom-footer a:visited { text-decoration: none; color: #7b7b68; font-family:verdana,arial,helvetica,sans-serif; font-size: 9px; }
#bottom-footer a:active { text-decoration: none; color: #7b7b68; font-family:verdana,arial,helvetica,sans-serif; font-size: 9px; }
#bottom-footer a:hover { text-decoration: underline; color: #57c3e5; font-family:verdana,arial,helvetica,sans-serif; font-size: 9px; }
/* ##############_____________Footer_____________############## */
#footer {
clear: both;
z-index:1;
}
/*******************************************
* Styles für Extension "tx_indexedsearch"
********************************************/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#E0E7F5; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { color:#006699; margin-top:0px; margin-bottom:0px; background:transparent; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup { font-family: monospace; font-style: normal; padding:0 0.3em 0 0.3em; background:#ffff88; border: 1px #ccd solid; }
[/HTML]
Das Stylesheet ist noch ziemlich unaufgeräumt, daher bitte nicht wundern. Wollte das eigentlich gerade angehen, da stieß ich auf das Problem.
Vielleicht hat ja wer von Euch noch eine Idee. Mir raucht echt der Kopf und ich komme einfach nicht mehr da voran. Ach ja noch Informationen zum System:
- Typo3 4.0.4
- CSS styled Content
Vielen Dank im VOraus für jede Hilfe!
Liebe Grüße
Malo
