Hi,

hab das Problem, dass meine Seite im IE richtig, im Firefox falsch dargestellt wird.

Folgendes:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<div class="port_bild">                     <div id="klick{$port.ID}" class="klick">                         <b>Klicken </b>zum Vergrößern                     </div>                                             <a                            onMouseOver="document.getElementById('klick{$port.ID}').style.visibility = 'visible';"                            onMouseOut="document.getElementById('klick{$port.ID}').style.visibility = 'hidden'"                            onClick="self.open('{$port.bild}', '_blank');" target="_blank">                                     <img border="2" src="{$port.bild_small}" alt="port_bild">                         </a>                                  </div>                     <div class="port_text">{$port.text|nl2br}</div>

Das entsprechende CSS dazu:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

.port_text{ margin-right:100px; margin-left:50px; float:right; }   .port_bild{ width: 350px; height: 350px; position:relative; right:15px; top:-30px; left:3px; float:left; margin-left:20px; }

Im IE wird korrekt der Text neben dem Bild angezeigt, im Firefox steht das Bild über dem Text!!

Hat jemand ne Idee wie man das am besten löst?

Danke!

Hi,

probier's mal hiermit:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14

.port_text{ margin-right:100px; margin-left:423px; }   .port_bild{ width: 350px; height: 350px; position:relative; top:-30px; left:3px; float:left; margin-left:20px; }

Yeah...es geht

100000 Dank!!