Problem bei IE 5.5 und 6

[Kaeschdin]

Hallo zusammen,

kann mir jemand sagen, warum die beiden großen orangefarbenen Grafiken über den Produktempfehlungen auf http://www.geheimshop.de im IE 5.5 und IE 6 untereinander dargestellt werden?

Danke und viele Grüße,

Kerstin

 

[Quaese]

Hi,

da ich das Problem nur online nachvollziehen kann, es lokal aber nicht auftritt, kann ich nur einen wagen Versuch unternehmen, dir zu helfen.

Versuche mal die Container, die die Bilder enthalten als Blockelemente mit Hilfe von float auszurichten. Hierfür werden allerdings zwei Klassen nötig - eine zum Ausrichten auf der linken, eine zum Ausrichten auf der rechten Seite.

Weiterhin muss anschliessend der Textfluss wieder hergestellt werden - dazu eine weitere Klasse clearDiv.

.content_header_graphics {
  float: left;
  width:auto;
}

.content_header_graphics_right {
  float: right;
  width:auto;
}

.clearDiv{ font-size: 1px;
           line-height: 0em;
           height: 0;
           clear: both;}

Der zugehörige HTML-Abschnitt:

<div class="content_header_graphics">
  <img src="templates/powertemplate/img/german/contentheader.jpg" alt="" width="376" height="156" usemap="#contentheader" />
</div>

<div class="content_header_graphics_right">
  <img src="templates/powertemplate/img/german/contentheader_1.jpg" alt="" width="372" height="156" usemap="#contentheader_1" />
</div>
<div class="clearDiv">&nbsp;</div>

Vielleicht hilft dir das weiter.

Ciao
Quaese

 

[Kaeschdin]

Danke, ich werde es mal ausprobieren und berichten

 

[Kaeschdin]

Die entsprechende CSS-Datei habe ich schon mal gefunden und geändert. Allerdings bin ich noch immer auf der Suche nach der Datei, in die ich den entsprechenden HTML-Code schreiben muss. Denn die index.php/.html besteht nur aus Datenbank-Abrufen.