Tweet
Moin,
ich habe da folgendes Problem: Ich habe auf einer (offiziellen) Website eine Artikelseite, in der ich in Felder je einen kurzen Artikel mit einem Bild Darstelle. Die Daten kommen aus einer Datenbank. Während alle anderen Testbrowser (FF, Netscape, Mozilla, Opera) die Seite korrekt darstellen, produziert der IE folgende zwei Darstellungsfehler:
- Der linke Rand des Artikelcontainers hält keinen Abstand zum Hauptcontainer, sondern geht bis zum Rand.
- Der Artikel ist gelegentlich (insbesondere wenn das Fenster neu geöffnet oder aus dem Hintergrund in den Vordergrund gehohlt wird) unsichtbar, und wird erst sichtbar, wenn ich mit der Maus den (unsichtbaren) Text markiere. Dann bleibt er sichtbar, bis der IE einmal in den Hintergrund gedrückt und dann wieder in den Vordergrund geholt wird. Ich habe hier mal einen Auszug des (geparsten) Quelltext angehängt. Müsste zum Nachvollziehen des Fehlers ausreichen:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<style type="text/css">
p {text-align:justify; margin-bottom:0px;}
img {border:none;}
.text{font-family:verdana; font-size:10pt; color:#000000;}
.picfloatr{margin-top:5px; margin-bottom:5px; margin-left:10px; font-family:verdana; color:#000000; font-size:8pt; float:right;}
.nofloat{clear:both;}
.gray {padding:0px; background-color:#E3E1D7;}
.bluebar {color:#FFFFFF; background-color:#3366FF; width:100%; border-width:1px; border-collapse:collapse; border-color:#185098; border-style:solid; font-family:verdana; font-size:10pt;}
</style>
</head>
<body style="background-color:#185098; margin:0px; padding:0px;">
<div style="position:absolute; right:10px; top:110px; width:80%; z-index:1; padding-top:10px; padding-bottom:10px; padding-right:1%; padding-left:1%; vertical-align:top; background-color:#FFFFFF;">
<div class='gray'><p class='bluebar'>27.03.2005 Blindtext</p><div class='picfloatr'><img src='leer.jpg' alt='' width="256" height="192" /></div><div class='text'>S. His decipio eo hi certus, follis luo Triduum facio per Letalis pie Cruentus, venio ego tendo Per.</div><div class='nofloat'> </div></div>
</div>
</body>
</html>
Meine Frage: Habe ich was falsch gemacht, ohne es zu Wissen? Ich kann im Quelltext keinen Fehler finden. Oder gibt es vielleicht eine Möglichkeit, diesen Fehler zu unterbinden? Ich möchte auf den Einsatz von Tabellen zur Formatierung eigentlich verzichten.
Hendrik
P.S.: Durch die Umstrickung für diesen Post ist der Quelltext kein valides XHTML mehr. Da ich im Moment die Dateien vom Server noch als MIME-Type text/html versenden lasse, ist das aber nicht weiter schlimm. Das Dokument kann ruhig als HTML gespeichert und getestet werden.
ich habe da folgendes Problem: Ich habe auf einer (offiziellen) Website eine Artikelseite, in der ich in Felder je einen kurzen Artikel mit einem Bild Darstelle. Die Daten kommen aus einer Datenbank. Während alle anderen Testbrowser (FF, Netscape, Mozilla, Opera) die Seite korrekt darstellen, produziert der IE folgende zwei Darstellungsfehler:
- Der linke Rand des Artikelcontainers hält keinen Abstand zum Hauptcontainer, sondern geht bis zum Rand.
- Der Artikel ist gelegentlich (insbesondere wenn das Fenster neu geöffnet oder aus dem Hintergrund in den Vordergrund gehohlt wird) unsichtbar, und wird erst sichtbar, wenn ich mit der Maus den (unsichtbaren) Text markiere. Dann bleibt er sichtbar, bis der IE einmal in den Hintergrund gedrückt und dann wieder in den Vordergrund geholt wird. Ich habe hier mal einen Auszug des (geparsten) Quelltext angehängt. Müsste zum Nachvollziehen des Fehlers ausreichen:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<style type="text/css">
p {text-align:justify; margin-bottom:0px;}
img {border:none;}
.text{font-family:verdana; font-size:10pt; color:#000000;}
.picfloatr{margin-top:5px; margin-bottom:5px; margin-left:10px; font-family:verdana; color:#000000; font-size:8pt; float:right;}
.nofloat{clear:both;}
.gray {padding:0px; background-color:#E3E1D7;}
.bluebar {color:#FFFFFF; background-color:#3366FF; width:100%; border-width:1px; border-collapse:collapse; border-color:#185098; border-style:solid; font-family:verdana; font-size:10pt;}
</style>
</head>
<body style="background-color:#185098; margin:0px; padding:0px;">
<div style="position:absolute; right:10px; top:110px; width:80%; z-index:1; padding-top:10px; padding-bottom:10px; padding-right:1%; padding-left:1%; vertical-align:top; background-color:#FFFFFF;">
<div class='gray'><p class='bluebar'>27.03.2005 Blindtext</p><div class='picfloatr'><img src='leer.jpg' alt='' width="256" height="192" /></div><div class='text'>S. His decipio eo hi certus, follis luo Triduum facio per Letalis pie Cruentus, venio ego tendo Per.</div><div class='nofloat'> </div></div>
</div>
</body>
</html>
Meine Frage: Habe ich was falsch gemacht, ohne es zu Wissen? Ich kann im Quelltext keinen Fehler finden. Oder gibt es vielleicht eine Möglichkeit, diesen Fehler zu unterbinden? Ich möchte auf den Einsatz von Tabellen zur Formatierung eigentlich verzichten.
Hendrik
P.S.: Durch die Umstrickung für diesen Post ist der Quelltext kein valides XHTML mehr. Da ich im Moment die Dateien vom Server noch als MIME-Type text/html versenden lasse, ist das aber nicht weiter schlimm. Das Dokument kann ruhig als HTML gespeichert und getestet werden.