✔ dringend: Positionierungsproblem

Status
Nicht offen für weitere Antworten.
F

fileshareking

Mitglied
Hey Leute,

habe ein WarenManagement System gebastelt woraus man direkt eine warenvorschau(beschreibung) für ebay erstellen kann. Nun habe ich bei der preaktischen Anwendung bemerkt, dass ab einem bestimmten größenverhältnis die site angezeigt wird.

-Der IE (Ich hasse Ihn) macht's richtig!
- Aber der Firefox zeigt's falsch an.


Die Artikelbeschreibung rutscht ins Bild. Könnt Ihr mir helfen?


Hier der Link:

http://cgi.ebay.de/NEU-Mamacita-Top...hZ019QQcategoryZ84404QQtcZphotoQQcmdZViewItem

und hier der quelltext:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.Stil2 {
color: #999999;
font-size: 10px;
font-family: arial;
padding: 0;
width: 350px;
}
.Stil2oben {
color: #000000;
font-size: 10px;
font-family: arial;
padding: 0;
}
.Stil10 {
color: #CCCCCC;
font-size: 14px;
font-family: arial;
}
#bild {
width: 350px;
}
a:link {color:#4DA1CF;}
a:visited {color:#4DA1CF;}
.Stil11 {font-family: Arial, Helvetica, sans-serif}
category a:link{color:white;}
-->
</style>
</head>
<body style="margin:0; padding:0;" onload="MM_preloadImages('http://www.fashion-and-style-department.com/article_layout/uploads/100_2.jpg','Bilder/article_layout_03.jpg')">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="22" height="66" background="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_04.jpg"><div align="left"><img src="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_03.jpg" width="22" height="66" id="Image1" /></div></td>
<td width="248" background="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_04.jpg">&nbsp;</td>
<td width="302" valign="top" background="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_04.jpg"><div align="right"><img style="float:right" src="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_06.jpg" width="301" height="66" /></div></td>
<td width="26" background="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_04.jpg"><div align="left"><img src="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_07.jpg" width="25" height="66" /></div></td>
</tr>
<tr>
<td width="22" bordercolor="#4C4C4C" background="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_11.jpg">&nbsp;</td>
<td colspan="2" valign="top" bordercolor="#4C4C4C"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="76" valign="top" bgcolor="#4C4C4C"><div id="bild">
<p align="center" class="Stil2oben"><br />
<img src="http://www.fashion-and-style-department.com/article_layout/uploads/168_1.jpg" name="Image1" border="1" id="Image1" onmouseout="MM_swapImgRestore()" /></p>
</div></td>
<td width="250" valign="middle" bgcolor="#4C4C4C"><p>
<div style="width: 350px; margin: 0;" id="description"><span class="Stil10">



<h2>Top mit schönem Detail
</h2><ul>
<li>Neuware aus Frühjahr/Sommerkollektion
</li><li>Shirt V- Ausschnitt und gold - braunem Band in vorderer Mitte
</li><li>sehr gute Viskosequalität in beige
</li><li>gute Passform
</li><li>außergewöhnlich schönes Shirt
</li><li>Kann lässig zur Jeans kombiniert werden
</li><li>Model trägt Größe S entspricht Konfektionsgröße 36
</li><li>Erhältlich in der Größe S/M</li></ul> </span></div>
</p></td>
</tr>
<tr>
<td height="76" valign="top" nowrap="nowrap" bgcolor="#4C4C4C"><div align="center" class="Stil2"><br />
<img src="http://fashion-and-style-department.com/article_layout/bildklein.php?bild=uploads/168_1.jpg" width="60" border="1" onmouseover="MM_swapImage('Image1','','http://www.fashion-and-style-department.com/article_layout/uploads/168_1.jpg',1)" />
<br />
F&uuml;r eine vergr&ouml;&szlig;erte Darstellung mit der Maus ber&uuml;hren.<br />
<br />
</div></td>
<td width="250" valign="middle" bgcolor="#4C4C4C"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
</table> </td>
<td width="26" bordercolor="#4C4C4C" background="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_13.jpg">&nbsp;</td>
</tr>

<tr>
<td width="22" height="66" background="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_15.jpg"><div align="left"><img src="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_14.jpg" width="22" height="66" /></div></td>
<td colspan="2" background="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_15.jpg"><div align="right" class="Stil11"><a href="http://stores.ebay.de/Fashion-and-Style-Department/Zahlungsinfo.html" target="_blank">Zahlungsinfos</a> <a href="http://stores.ebay.de/Fashion-and-Style-Department/AGB.html" target="_blank">AGB's</a> <a href="http://stores.ebay.de/Fashion-and-Style-Department/Versandkosten.html">Versandkosten</a> <a href="http://stores.ebay.de/Fashion-and-Style-Department/Impressum.html">Impressum</a> </div></td>
<td background="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_15.jpg"><div align="right"><img src="http://www.fashion-and-style-department.com/article_layout/Bilder/article_layout_17.jpg" width="25" height="66" /></div></td>
</tr>
</table>
</body>
</html>
 
Zuletzt bearbeitet:
Hi,

was auf den ersten Blick mit bloßem Auge auffällt, ist die Tatsache, dass das Tabellenkonstrukt im Firefox schmäler dargestellt wird, als im IE, und wenn ich das Maßband darüber lege, sind es etwa 100 Pixel Differenz gegenüber im IE.

Wenn ich dann in der ersten Tabellenzeile die Breitenangaben der Tabellenzellen zusammenaddiere, komme ich auf 598 Pixel. In der Zeile darunter bindest du in den beiden Tabellenzellen aber Elemente ein, die jeweils 350 Pixel breit sind, für die zweite (rechte) Tabellenzelle deklarierst du jedoch nur eine Breite von 250 Pixel.

Da dies somit kein Positionierungsproblem ist, und herzlich wenig mit CSS zu tun hat, schiebe ich den Thread rüber ins HTML-Forum, und empfehle dir, deine Rechenkünste etwas aufzufrischen, und notfalls zum Rechenschieber zu greifen.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück