Fehlerhafte Darstellung im IE

egon.l · #1 09.06.08, 19:11

Hallo zusammen,
ich habe ein Problem mit der Darstellung des mittleren Contents im IE.
Die Seite läuft unter Typo3 4.1.
In FF und Opera wird die Seite richtig dargestellt, aber im IE wird der mittlere Content erst ab Unterkante Navigation angezeigt.
Zu sehen ist die Geschichte unter Forster Radsport:.

Vermutlich liegt hier ein HTML Fehler oder ein CSS Fehler vor, den ich jedoch nicht finden kann.
Könnte aber auch ein Problem in Typoscript sein.

Falls jemand schon einmal einen ähnlichen Fehler hatte und mir weiterhelfen könnte wäre ich happy.

Gruß Egon

Hier der ein Auszug aus der CSS:

html, body {
background-color: #ffffff;
color: #000000;
margin: 0;
padding: 0;
font-family: "Verdana";
font-size: 11px;
font-weight: normal;
line-height: 150%;
text-decoration: none;
}
#gesamt {
position: relative;
width: 995px;
margin-top: 2px;
margin-left: 2px;
z-index: 1;
border: 1px solid #999999;
float: left;
}

#picturetop {
background-image: url(rad-oben.jpg); background-repeat: no-repeat;
height: 215px;
width: 995px;
}
#menutop {
height: 19px;
width: 995px;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
}

#content{
background-color:white;
width:760px;
}

#menuleft{
position: relative;;
float: left;
width:150px;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;

}
#centercontent{
position: relative;
margin-left: 160px;
font-family: "Verdana";
font-size: 100%;
font-weight: normal;
line-height: 150%;
text-decoration: none;
padding: 5px;
}
#menuleft{
position: relative;;
float: left;
}

.header_1{ font-family: "Verdana"; font-size: 100%; font-weight: bold; }
.header_2{ font-family: "Verdana"; font-size: 120%; font-weight: bold; }
.header_3{ font-family: "Verdana"; font-size: 140%; font-weight: bold; }
.header_4{ font-family: "Verdana"; font-size: 160%; font-weight: bold; }
.header_5{ font-family: "Verdana"; font-size: 180%; font-weight: bold; }

.basemenuleft {
margin-left: 0px;

}

.contentleft {
margin-left: 5px;
}
...

und hier ein Auszug aus der HTML-Vorlage:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="radsport.css" rel="stylesheet" type="text/css">
</head>
<body>

<div id="gesamt">
<div id="picturetop">
</div>
<div id="menutop">###MENUTOP###</div>
<div id="content">
<div id="menuleft">

<br>###MENULEFT###<br>
<div class="contentleft">###CONTENTLEFT###</div><br>
</div>
</div>
<div id="maincontent">
<div id="centercontent">
###MIDDLECONTENT###
<h1 style="clear: both"></h1>
</div>
</div>
</div>

</body>
</html>

myflashgames · #2 09.06.08, 20:53

Hallo,

hast du versucht die relative positionierung wegzunehmen?
du benötigt diese nämlich nur wenn du folgendes machst:

Code:

position:absolute;
top:14px;
left:17px;

ohne top, left, bottom oder right benötigst du position nicht.

es sieht so aus als würden die floats nicht funktionieren:
also mein Tipp wäre:

position weg
z-index nur bei mit top,left,bottom oder right positionierten layern

und

/*************/
#menuleft{
position: relative;; <-- semikolon entfernen, eines reicht
float: left;
width:150px;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
/*************/

Grüße
Jörg

My Favorite Flashgames :: Flash Games | Browser Games | GOOD Games

**Kurt51** · #3 10.06.08, 07:30

Du hast ja innerhalb eines H4-tags jede Menge Div-Container!?
DAS soll aber sicher NICHT so sein, oder!?

Wenn das dann mal klar ist damit, kann in Anbetracht der Definitionen ein <div class="clearer"></div> helfen mit .clearer { clear:both; margin:0; border:0 ... }

Da ist ohnehin das eine oder andere seltsam bzgl. Seitenquelltext und css!?
Da taucht z.B. auf irgendeiner Seite mit der Überschrift "Räumungsverkauf ..." so etwas auf:
<h2><span>
<strong _moz-rs-heading="">Bis 03.07.2008 gibt es folgende Rabatte:</strong>
</span>
</h2>

Ich frage mich, was soll der SPAN- und was soll der STRONG-Tag dort!??? So etwas gehört ins CSS unter der Definition von H2.

egon.l · #4 10.06.08, 08:18

Zitat:

Zitat von myflashgames

Hallo,

hast du versucht die relative positionierung wegzunehmen?
du benötigt diese nämlich nur wenn du folgendes machst:

Code:

position:absolute;
top:14px;
left:17px;

ohne top, left, bottom oder right benötigst du position nicht.

es sieht so aus als würden die floats nicht funktionieren:
also mein Tipp wäre:

position weg
z-index nur bei mit top,left,bottom oder right positionierten layern

und

/*************/
#menuleft{
position: relative;; <-- semikolon entfernen, eines reicht
float: left;
width:150px;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
/*************/

Grüße
Jörg

My Favorite Flashgames :: Flash Games | Browser Games | GOOD Games

Hallo Jörg,

hier liegt der Hase im Pfeffer!!
Besten Dank für den Tip.

egon.l · #5 10.06.08, 08:24

Zitat:

Zitat von Kurt51

Du hast ja innerhalb eines H4-tags jede Menge Div-Container!?
DAS soll aber sicher NICHT so sein, oder!?

Wenn das dann mal klar ist damit, kann in Anbetracht der Definitionen ein <div class="clearer"></div> helfen mit .clearer { clear:both; margin:0; border:0 ... }

Da ist ohnehin das eine oder andere seltsam bzgl. Seitenquelltext und css!?
Da taucht z.B. auf irgendeiner Seite mit der Überschrift "Räumungsverkauf ..." so etwas auf:
<h2><span>
<strong _moz-rs-heading="">Bis 03.07.2008 gibt es folgende Rabatte:</strong>
</span>
</h2>

Ich frage mich, was soll der SPAN- und was soll der STRONG-Tag dort!??? So etwas gehört ins CSS unter der Definition von H2.

Hallo Kurt,

da gibt es wohl Überschneidungen mit den Formatierungen aus den CSS Styles und den Überschriftenformatierungen, die im Editor von Typo3 vorgenommen wurden.
Ich werde versuchen, die Formatierungen im Editor anzupassen, damit der Code sauber generiet werden kann.
Besten Dank für die Informationen.
Sechs Augen sehen einfach mehr als zwei.

Gruß Egon

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
fehlerhafte Darstellung der tt_news-Datensätze im BE	Pino	News (tt_news, mininews und Co)	3	05.06.08 15:45
Gelöst News, Real-URL fehlerhafte Darstellung	Skippi	TYPO3 4.x Fragen und Probleme	2	28.05.08 16:12
Darstellung von tt_news-Datensätzen im Backend (Sortierung, Darstellung für Redakteure)	aktendully	TYPO3 4.x Backend	0	07.03.08 13:12
GMENU fehlerhafte Darstellung	trism	TYPO3 4.x Fragen und Probleme	1	10.09.07 15:45
Fehlerhafte Top-Links	Garonne	TYPO3 3.x Fragen und Probleme	3	25.07.07 11:52

Suche

Userpanel

Fehlerhafte Darstellung im IE

Ie