Hallo zusammen,
irgendwie kriege ich langsam die Krise. Der IE 6.0 treibt mich mit seinem Verhalten langsam in den Wahnsinn. Ich bin gerade dabei meine Seiten neu zu gestalten, in XHTML 1.0 strict und CSS. Alle Files sind validiert und ohne Fehler laut den W3C Validatoren.
Das Verhalten des IE 6.0 macht mich ganz verrückt. Im Firebird und Opera 7 wird alles sauber angezeigt. Der IE 6.0 zerreist das komplette Design ab einer Auflösungsbreite grösser 1024 Pixeln. Seit dem ich die zwei unteren Bilder testweise eingebaut habe ist es mit ihm total vorbei. Für die Bilder habe ich folgende Klassen definiert:
.bildlinks{
margin:0px 5px 5px 0px;
padding:2px;
border:1px dashed #D7D7D7;
float:left;
width:150px;
background-color:#F4F4F4;}
.bildrechts{
margin:0px 0px 5px 5px;
padding:2px;
border:1px dashed #D7D7D7;
float:right;
width:150px;
background-color:#F4F4F4;}
.bildinhalt{
width:150px;}
.bildbez{
font:10px verdana, sans-serif;
width:150px;
background-color:#F4F4F4;}
--------------------------------------------------------------------------------------------------
Im XHTML sieht es dann wie folg aus:
<div class="bildlinks">
<div class="bildinhalt"><img src="e18_01k.jpg" alt="" title="Für eine grössere Ansicht bitte anklicken." /></div>
<div class="bildbez">Bild 1: Digital IXUS mit Fehler E18 im Diplay.</div>
</div>
--------------------------------------------------------------------------------------------------
Verwendete DOM:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
--------------------------------------------------------------------------------------------------
Die aktuelle Seite findet ihr unter
http://www.ixus-world.de/test/
Einen Screenshot, wie es falsch und korrekt ist gibt es hier:
http://www.ixus-world.de/test/beispiel.gif
Die komplette Seite mit XHTML + CSS File gibt es gepackt im Anhang zum Download.
Zur validierung des CSS-Files geht es hier:
http://jigsaw.w3.org/css-validator/v...t/css/main.css
Zur Validierung des XHTML-Files geht es hier:
http://validator.w3.org/check?uri=ht...world.de/test/
--------------------------------------------------------------------------------------------------
Hat eventuell einer von Euch eine Idee, woher der Fehler kommt?
--------------------------------------------------------------------------------------------------
Wie schaffe ich es, das ein neues Bild mit zugehörigem Text immer unter dem oberen anfängt, d.h. egal bei welcher Auflösung, ein neuer Abschnitt soll unter dem mit Text umflossenen Bild oben drüber beginnen. Mit clear:both ist das im Prinzip möglich, allerdings orientiert sich dieses clear an allen vorhandenen Ebenen (beim IE), so dass der Absatz unter der längsten Ebene links anfängt, was so nicht gewüncht ist? Zur Veranschaulichung gibt es hierzu unter
http://www.ixus-world.de/test/beispiel2.gif auch noch ein Bild. Vielleicht hat jemand eine Idee.
Herzlichen Dank für Eure Hilfe und Ideen. Werde jetzt noch ein wenig weiterexperimentieren. Wenn ich etwas rausfinde werde ich es gleich hier posten. Nochmals Danke für Eure Mühen.
Gruss Michael
