zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS layout für Ebay nicht richtig dargestellt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.12.2009, 22:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.12.2009
Beiträge: 2
lini2k befindet sich auf einem aufstrebenden Ast
Böse CSS layout für Ebay nicht richtig dargestellt

Hallo

Ich hab ein riesen Problem mit dem CSS Layout für Ebay dass ich mit Photoshop/Dreamweaver erstellt habe.
Und zwar wird das Layout für meine Artikelbeschreibung in verkleinertem iframe dargestellt, nämlich nur mit einer Höhe von 51px, den Rest muss ich scrollen.

lego indiana jones 2 ps3 bei eBay.de: PS3 Playstation 3 (endet 03.01.10 20:20:29 MEZ)

Kann mir bitte jemand sagen was ich falsch gemacht habe bzw. wie ich den Fehler beheben kann?
Danke!

EDIT:
Hier ist noch der Code:
Zitat:
<head>
<title>ebay_template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- Save for Web Styles (ebay_template.psd) -->
<style type="text/css">
<!--
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:600px;
height:800px;
}
#ebay-template-css-01_ {
position:absolute;
left:0px;
top:0px;
width:600px;
height:62px;
}
#ebay-template-css-02_ {
position:absolute;
left:0px;
top:62px;
width:328px;
height:27px;
}
#about_ {
position:absolute;
left:328px;
top:62px;
width:69px;
height:27px;
}
#Shop_ {
position:absolute;
left:397px;
top:62px;
width:64px;
height:27px;
}
#Kontakt_ {
position:absolute;
left:461px;
top:62px;
width:82px;
height:27px;
}
#ebay-template-css-06_ {
position:absolute;
left:543px;
top:62px;
width:57px;
height:27px;
}
#ebay-template-css-07_ {
position:absolute;
left:0px;
top:89px;
width:600px;
height:45px;
}
#ebay-template-css-08_ {
position:absolute;
left:0px;
top:134px;
width:39px;
height:666px;
}
#artikelbeschreibung_ {
position:absolute;
left:39px;
top:134px;
width:315px;
height:213px;
}
#ebay-template-css-10_ {
position:absolute;
left:354px;
top:134px;
width:246px;
height:9px;
}
#ebay-template-css-11_ {
position:absolute;
left:354px;
top:143px;
width:14px;
height:272px;
}
#artikelbild_ {
position:absolute;
left:368px;
top:143px;
width:175px;
height:193px;
}
#ebay-template-css-13_ {
position:absolute;
left:543px;
top:143px;
width:57px;
height:657px;
}
#ebay-template-css-14_ {
position:absolute;
left:368px;
top:336px;
width:175px;
height:79px;
}
#ebay-template-css-15_ {
position:absolute;
left:39px;
top:347px;
width:315px;
height:68px;
}
#ebay-template-css-16_ {
position:absolute;
left:39px;
top:415px;
width:70px;
height:385px;
}
#versand_ {
position:absolute;
left:109px;
top:413px;
width:397px;
height:52px;
}
#ebay-template-css-18_ {
position:absolute;
left:506px;
top:415px;
width:37px;
height:385px;
}
#ebay-template-css-19_ {
position:absolute;
left:109px;
top:467px;
width:397px;
height:38px;
}
#zahlung_ {
position:absolute;
left:109px;
top:505px;
width:397px;
height:55px;
}
#ebay-template-css-21_ {
position:absolute;
left:109px;
top:560px;
width:397px;
height:34px;
}
#gamerzcave_ {
position:absolute;
left:109px;
top:594px;
width:397px;
height:54px;
}
#ebay-template-css-23_ {
position:absolute;
left:109px;
top:648px;
width:397px;
height:152px;
}
.artikelb_ueberschrift {
text-align: center;
font-size: 20px;
color: #000;
font-family: Verdana, Geneva, sans-serif;
font-style: normal;
}
.artikelb_text {
font-family: Verdana, Geneva, sans-serif;
font-size: small;
color: #900;
}
.info_schrift {
font-size: x-small;
font-family: Arial, Helvetica, sans-serif;
color: #000;
}
a {
font-weight: bold;
font-size: x-small;
}
a:link {
color: #900;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style>
</script>
</head>
<body style="background-color:#FFFFFF; text-align: center;" onload="MM_preloadImages('images/about_rollover.jpg','images/Shop_rollover.jpg','images/Kontakt_rollover.jpg','http://gamerzcave.de/about_rollover.jpg','http://gamerzcave.de/Shop_rollover.jpg','http://gamerzcave.de/Kontakt_rollover.jpg')">
<!-- Save for Web Slices (ebay_template.psd) -->
<div id="Table_01">
<div id="ebay-template-css-01_">
<img id="ebay_template_css_01" src="http://gamerzcave.de/ebay_template_css_01.jpg" width="600" height="62" alt="" />
</div>
<div id="ebay-template-css-02_">
<img id="ebay_template_css_02" src="http://gamerzcave.de/ebay_template_css_02.jpg" width="328" height="27" alt="" />
</div>
<div id="about_">
<a href="http://myworld.ebay.de/www_gamerzcave_de/">
<img src="http://gamerzcave.de/about.jpg" alt="Home" name="about" width="69" height="27" border="0" id="about" onmouseover="MM_swapImage('about','','http://gamerzcave.de/about_rollover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
<div id="Shop_">
<a href="http://stores.shop.ebay.de/Gamerz-Cave-Shop__W0QQ_sidZ721696407QQ_sopZ10">
<img src="http://gamerzcave.de/Shop.jpg" alt="Shop" name="Shop" width="64" height="27" border="0" id="Shop" onmouseover="MM_swapImage('Shop','','http://gamerzcave.de/Shop_rollover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
</div>
<div id="Kontakt_">
<a href="http://contact.ebay.de/ws/eBayISAPI.dll?ReturnUserEmail&requested=www_gamerz cave_de&redirect=0&iid=0">
<img src="http://gamerzcave.de/Kontakt.jpg" alt="Kontakt" name="Kontakt" width="82" height="27" border="0" id="Kontakt" onmouseover="MM_swapImage('Kontakt','','http://gamerzcave.de/Kontakt_rollover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
</div>
<div id="ebay-template-css-06_">
<img id="ebay_template_css_06" src="http://gamerzcave.de/ebay_template_css_06.jpg" width="57" height="27" alt="" />
</div>
<div id="ebay-template-css-07_">
<img id="ebay_template_css_07" src="http://gamerzcave.de/ebay_template_css_07.jpg" width="600" height="45" alt="" />
</div>
<div id="ebay-template-css-08_">
<img id="ebay_template_css_08" src="http://gamerzcave.de/ebay_template_css_08.jpg" width="39" height="666" alt="" />
</div>
<div class="artikelb_ueberschrift" id="artikelbeschreibung_">
<p><b>Lego Indiana Jones 2 </b><br />
<span class="artikelb_text">f&uuml;r die Playstation 3<br />
<br />
Es handelt sich hier um eine original verschwei&szlig;te EU Version. Das Spiel ist komplett auf Deutsch spielbar (sowohl die Texte als auch die Spielsprache)<br />
</span><br />
<span class="artikelb_text">Die Lieferung erfolgt zwischen dem 12.11 und dem 15.11</span><br />
</p>
<p>&nbsp;</p>
</div>
<div id="ebay-template-css-10_">
<img id="ebay_template_css_10" src="http://gamerzcave.de/ebay_template_css_10.jpg" width="246" height="9" alt="" />
</div>
<div id="ebay-template-css-11_">
<img id="ebay_template_css_11" src="http://gamerzcave.de/ebay_template_css_11.jpg" width="14" height="272" alt="" />
</div>
<div id="artikelbild_"><img src="http://gamerzcave.de/lego-indiana-jones-2.jpg" width="178" height="192" alt="lego indiana jones 2" /></div>
<div id="ebay-template-css-13_">
<img id="ebay_template_css_13" src="http://gamerzcave.de/ebay_template_css_13.jpg" width="57" height="657" alt="" />
</div>
<div id="ebay-template-css-14_">
<img id="ebay_template_css_14" src="http://gamerzcave.de/ebay_template_css_14.jpg" width="175" height="79" alt="" />
</div>
<div id="ebay-template-css-15_">
<img id="ebay_template_css_15" src="http://gamerzcave.de/ebay_template_css_15.jpg" width="315" height="68" alt="" />
</div>
<div id="ebay-template-css-16_">
<img id="ebay_template_css_16" src="http://gamerzcave.de/ebay_template_css_16.jpg" width="70" height="385" alt="" />
</div>
<div class="info_schrift" id="versand_">Der Versand erfolgt bei diesem Spiel als Maxibrief. Das Porto ist f&uuml;r Sie kostenlos.<br />
Bei gr&ouml;&szlig;eren Sendungen wird als Paket versendet.. Die Ware wird sofort nach Zahlungeingang verschickt. Falls nicht anders angegeben, ist der Versand kostenlos.</div>
<div id="ebay-template-css-18_">
<img id="ebay_template_css_18" src="http://gamerzcave.de/ebay_template_css_18.jpg" width="37" height="385" alt="" />
</div>
<div id="ebay-template-css-19_">
<img id="ebay_template_css_19" src="http://gamerzcave.de/ebay_template_css_19.jpg" width="397" height="38" alt="" />
</div>
<div id="zahlung_"><span class="info_schrift">Ich akzeptiere nur &Uuml;berweisung und Paypal als Zahlungsmethoden. Sie haben 7 Tage Zeit den Artikel nach Auktionsende zu bezahlen. </span><br />
</div>
<div id="ebay-template-css-21_">
<img id="ebay_template_css_21" src="http://gamerzcave.de/ebay_template_css_21.jpg" width="397" height="34" alt="" />
</div>
<div class="info_schrift" id="gamerzcave_">Schauen Sie einfach in meinem <a target="_blank" href="http://stores.shop.ebay.de/Gamerz-Cave-Shop__W0QQ_armrsZ1">SHOP</a> vorbei um nach weiteren Artikel zu st&ouml;bern!<br />
&uuml;gen Sie mich zu Ihren <a target="_blank" href="http://my.ebay.de/ws/eBayISAPI.dll?AcceptSavedSeller&amp;sellerid=www_g amerzcave_de&amp;ssPageName=STRK:MEFS:ADDSTR&amp;_ trksid=p4634.m350.l1250">bevorzugten Verk&auml;ufern und Shops</a> hinzu. Somit erhalten Sie immer den neusten Newsletter.</div>
<div id="ebay-template-css-23_">
<img id="ebay_template_css_23" src="http://gamerzcave.de/ebay_template_css_23.jpg" width="397" height="152" alt="" />
</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>


MfG
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.12.2009, 23:35
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Dir ist klar, wie absolute Positionierung funktioniert? Nebenbei bemerkt: Der von dir erstellte Bereich überlagert den von eBay selbst beanspruchten Raum für die Seitenverwaltung - das führt meist zum Canceln der Auktion.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.12.2009, 23:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.12.2009
Beiträge: 2
lini2k befindet sich auf einem aufstrebenden Ast
Standard

Hallo

Nein ich bin, was CSS und HTML angeht, noch ein totaler Anfänger, darum hab ich mich anscheinend zu sehr auf Dreamweaver verlassen :/

Könntest du mir denn sagen, wie ich es schaffe dass die Artikelbeschreibung normal angezeigt wird?

Meinst du die 600x800?
Mit Zitat antworten
  #4 (permalink)  
Alt 07.12.2009, 00:57
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Absolut positionierte Elemente halten sich nicht an die Vorgaben, die Elementen normalerweise durch die Abmessungen des Elternelements gesetzt werden. Somit überlagern sie unter bestimmten Voraussetzungen andere Elemente, wie man es schön auf deiner eBay-Seite sehen kann. Dort wird dein Indiana-Jones-Bereich in der oberen linken Ecke des Browserfensters angezeigt und deshalb sind die ebay-Bereiche Artikelzustand, Stückzahl, Preis, Sofort-Kaufen, Versand, Zahlung usw. nicht mehr zu sehen.

Im oben verlinkten Artikel auf css4you.de heißt es: "Die absolute Position wird relativ zu den Rändern des Eltern-Elements berechnet, wenn dieses ebenfalls positioniert ist, oder wenn es der Seiteninhalt (<body>) ist." Positioniert ist ein Element, wenn der Wert seiner Position-Eigenschaft ungleich static ist. Praktisch heißt das, dass das Elternelement (meist) auf position:relative; gesetzt wird, damit sich absolut positionierte Bereiche an diesem Element ausrichten.

Du müsstest also herausfinden, wie das Elternelement auf der eBay-Seite heißt und für dieses Element eine Regel in deinen CSS-Code einfügen, mit der dieses Element auf position:relative; gesetzt wird.

Besser noch wäre es auf diese Art der Positionierung komplett zu verzichten und sich mit den anderen Positionierungsarten auseinander zu setzen, die CSS zur Verfügung stellt.

Es gibt ein schönes Zitat über absolute Positionierung: "Absolute Positionierung sollte daher mit Bedacht nur dann eingesetzt werden, wenn ein Element wirklich unabhängig von seiner Umgebung sein soll – was selten der Fall ist."

Zitat-Quelle: position: absolute | Webdesign mit XHTML und CSS

Geändert von EvT (07.12.2009 um 00:59 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bitte um Hilfe - CSS und Prozentangaben sprefer CSS 3 01.03.2011 05:11
css layout problem fz21z CSS 0 30.01.2008 23:41
Das erste Layout mit CSS - richtig so? michimunk Site- und Layoutcheck 19 13.12.2007 12:18
CSS Tips & Tricks Webnauts Ressourcen 0 26.08.2006 00:04
includes bei css layout dan CSS 2 10.03.2004 19:21


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:54 Uhr.