✔ Firefox und IE :( falsche Darstellung

[verwalter]

Hi,

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

Folgendes:

<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:

.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!

 

[Maik]

Hi,

probier's mal hiermit:

.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;
}

 

[verwalter]

Yeah...es geht

100000 Dank!!