Hi,
in meiner Seiten-Darstellung zeigen sich deutliche Unterschiede zwischen IE7 und FF. Ich habe die Seite in Richtung IE7 gebaut. Dort läuft auch alles optimal... Die Darstellung in FF ist jedoch extrem verschoben.
Ich habe schon diverse Änderungen des Doctyps bisher leider ohne Erfolg durchgeführt.
z.B.: config.doctype = xhtml_trans
Gibt es abgesehen von CSS-Hacks noch andere Möglichkeiten das Ganze auf TS-Basis zu regeln??
Gibt es abgesehen von CSS-Hacks noch andere Möglichkeiten das Ganze auf TS-Basis zu regeln??
Nö. Einzige Abhilfe ist, das CSS anzupassen & mal durch den validator zu jagen, um Fehler im XHTML/CSS auszuschliessen.
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
Ich habe die Seite in Richtung IE7 gebaut. Dort läuft auch alles optimal...
Aha. Nächstes mal besser einen standard-konformen Browser benutzen, wie z.B. den FF, dann hast Du weniger Arbeit, es auf dem Internet Exploder einwandfrei hinzubekommen.
Poste doch mal nen Link zu Deiner Seite, damit man sich das Problem mal angucken kann.
gruss, fuss[/quote]
Hi,
hier die Seite: http://www.leuchtfeuer-gemeinde.de/typo/index.php?id=60
hier die css-Datei: (ist noch nicht schön gemacht... :o )
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
text-align: center;
min-width: 40em;
}
div#Seite {
text-align: left; margin: 0 auto;
top:200;
width: 815px;
padding: 0;
}
div#Rahmen {
position: relative;
text-align: left;
top:-730;
margin: 0 auto;
height:505px;
width: 817px;
padding: 0;
background: transparent;
border: 1px solid #ddd;
}
div#mittlere_spalte {
font-family: Arial, Verdana, sans-serif;
font-size: 14;
position: relative;
top:-240px;
width: 150px;
height: 220px;
left: 45px;
text-align: center;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#logo {
position: relative;
top:15px;
width: 155px;
height: 45px;
left: 24px;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#flash {
position: relative;
top:20px;
width: 815px;
height:185px;
left: 1px;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#inhalt {
font-family: Arial, Verdana, sans-serif;
font-size: 14;
position: relative;
top:20px;
width: 560px;
height: 220px;
left: 240px;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#untermenue {
font-family: Arial, Verdana, sans-serif;
color: #000000;
font-size: 14;
position: relative;
top:5.5px;
width: 600px;
height: 15px;
left: 200px;
z-index:2;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#zeile_untermenue {
position: relative;
top:25;
width: 815px;
height: 15px;
left: 1px;
visibility: visible;
margin: 0 0;
padding: 0 0;
height: 15px;
background: #A4FF06;
}
* html div#text {
height: 16em;
margin-bottom: 0;
}
sorry ... jetzt nochmal neuer Versuch:
url: http://www.leuchtfeuer-gemeinde.de/typo/index.php?id=60
CSS-Datei:
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
text-align: center; /* Zentrierung im Internet Explorer */
min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
top:200;
width: 815px;
padding: 0;
}
div#Rahmen {
position: relative;
text-align: left; /* Seiteninhalt wieder links ausrichten */
top:-730;
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
height:505px;
width: 817px;
padding: 0;
background: transparent;
border: 1px solid #ddd;
}
div#mittlere_spalte {
font-family: Arial, Verdana, sans-serif;
font-size: 14;
position: relative;
top:-240px;
width: 150px;
height: 220px;
left: 45px;
text-align: center;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#logo {
position: relative;
top:15px;
width: 155px;
height: 45px;
left: 24px;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#flash {
position: relative;
top:20px;
width: 815px;
height:185px;
left: 1px;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#inhalt {
font-family: Arial, Verdana, sans-serif;
font-size: 14;
position: relative;
top:20px;
width: 560px;
height: 220px;
left: 240px;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#untermenue {
font-family: Arial, Verdana, sans-serif;
color: #000000;
font-size: 14;
position: relative;
top:5.5px;
width: 600px;
height: 15px;
left: 200px;
z-index:2;
visibility: visible;
margin: 0 5em 0 0em;
padding: 0;
background:transparent;
}
div#zeile_untermenue {
position: relative;
top:25;
width: 815px;
height: 15px;
left: 1px;
visibility: visible;
margin: 0 0;
padding: 0 0;
height: 15px;
background: #A4FF06;
}
* html div#text {
height: 16em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
margin-bottom: 0;
}
Wie ich bereits schrieb:
Dann kommst Du Deinem Ziel schonmal näher 😉
Alles klar, ich habe darüber ein paar Fehler gefunden und behoben. Die Anzeige ist jedoch nach wie vor zu stark abweichend.
trotzdem vielen Dank für die Hilfe
Gruß Stephan
Schmeiss erstmal das doppelte body tag raus, und dann ersetzt Du das umschließende <center> tag gegen ein div id="container" welcher dann im css eine feste Breite bekommt. Dann sollte schnmal besserung eintreten.
Ist es notwendig, dass das Menü durch einen iframe Eingebunden wird? Weil wenn nicht -wovon ich ausgehe 😉-, dann pack das so in Dein HTML-Template, schön in ein div mit der id untermenu, oder wie auch immer Du es nennen willst 😉
gruss, fuss
Hi,
... danke für die schnelle Antwort. Ich passe die Html-Datei entsprechend an. Das iFrame brauche ich, um den Flash-Film konstant abzuspielen. Dieser wiederholt (durch refresh) sich ständig, wenn ich innerhalb der Untermenüzeile navigiere.
Das Ganze lief vorher komplett unter Flash deutlich performanter, wie ich meine:
http://www.leuchtfeuer-eutin.de/Leuchtfeuer-Gemeinde.html
Ich versuche das Ganze jetzt halt mit Typo3 umzusetzen.