Woran liegt das??

Bronco84 · 7 Mai 2009

Hallo zusammen.

Es geht bei mir um ein Auktionsdesign bei ebay.

Hier ist der Link: WUNDERSCHÃ–NE UHR VON GIORGIE VALENTIAN SILBER WEISS bei eBay.de: Quarzuhren (endet 17.05.09 15:42:51 MESZ)

Zunächst einmal frage ich mich, warum das Bild oben (die Stadtpromenade) überall anders dargestellt wird. Habe es jetzt auf 1200 x 900 Pixel gestellt, aber jeder hat ja einen anderen Monitor. Kann man das nicht so einstellen im Code, dass sich das automatisch der Größe anpasst? Bei mir z.b. fehlt jetz ein Stück rechts. Es ist nicht ganz bündig zu dem Rest. Unten der gelbe Banner macht dagegen überhaupt keine Probleme!

2. Problem ist, dass die weisse Schrift in jedem Browser anders aussieht. Die Überschrift ist im Firefox genauso wie ich sie eigentlich haben will. Im IE ist sie jedoch plötzlich überdimensional groß. Unten die letzten 2 Punkte (Nach dem Kauf ...) sehen auch unterschiedlich aus. Ist das bei euch auch? Wer kann helfen? Möchte alles irgendwie "vereinheitlichen".

Hier noch der Code:

<IMG style="WIDTH: 1200px; HEIGHT: 190px" alt="" src="http://bilder.afterbuy.de/images/78657/img03.gif">
<TABLE id=mainpage style="WIDTH: 100%; TEXT-ALIGN: center" cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<STYLE type=text/css>
/*
Design by Free CSS Templates
Download free CSS templates - Free CSS Templates
Released for free under a Creative Commons Attribution 2.5 License
*/
#mainpage {
margin: 0;
padding: 0;
background: #191919 url(http://bilder.afterbuy.de/images/78657/img1.gif) repeat-x;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
}
a {
border-bottom: 1px dotted #7D9412;
text-decoration: none;
color: #F2900B;
}
a:hover {
border: none;
text-decoration: none;
color: #FFFFFF;
}
/* Header */
#header {
width: 700px;
height: 100px;
margin: 0 auto;
background: url(http://bilder.afterbuy.de/images/78657/img2.gif );
border-left: 2px solid #F2900B;
border-right: 2px solid #F2900B;
}
#header * {
margin: 0;
padding: 0;
text-align: center;
font-style: italic;
font-weight: normal;
color: #FFFFFF;
}
#header h1 {
letter-spacing: -4px;
font-size: 4em;
}
#header h2 {
margin-top: -.5em;
font-size: 1em;
}
/* Content */
#content {
width: 700px;
margin: 0 auto;
padding: 20px 0 0 0;
border-left: 2px solid #F2900B;
border-right: 2px solid #F2900B;
border-bottom: 2px solid #F2900B;
}
/* Column One */
#colOne {
text-align: left;
width: 100%;
}
#colOne h2 {
margin-top: 0;
font-size: 2.2em;
color: #CCCCCC;
}
#colOne p, #colOne ul, #colOne ol {
line-height: 200%;
padding: 10px;
}
#colOne .credits {
padding: 5px 0 8px 8px;
background: #000000;
border-left: 2px solid #F2900B;
}
#colOne .credits p {
margin: 0;
padding: 0;
line-height: normal;
}
/* Column Two */
#policy {
text-align: center;
margin-bottom: 20px;
background: url(http://bilder.afterbuy.de/images/78657/img3.gif ) repeat-x;
}
#policy h2 {
height: 25px;
padding: 10px 0 0 10px;
background: url(http://bilder.afterbuy.de/images/78657/img4.gif ) no-repeat right top;
text-transform: uppercase;
letter-spacing: 2px;
font-size: .8em;
color: #F2900B;
}
#colTwo {
overflow: auto;
width: 200px;
background: #111111;
}
#colTwo ul {
margin: 0;
padding: 10px 0 0 0;
list-style: none;
}
#colTwo li {
margin-bottom: 20px;
background: url(http://bilder.afterbuy.de/images/78657/img3.gif ) repeat-x;
}
#colTwo li li {
margin-bottom: auto;
background: none;
}
#colTwo li ul {
padding-top: 0;
padding-left: 20px;
list-style: square inside;
}
#colTwo h2 {
height: 25px;
padding: 10px 0 0 10px;
background: url(http://bilder.afterbuy.de/images/78657/img4.gif ) no-repeat right top;
text-transform: uppercase;
letter-spacing: 2px;
font-size: .8em;
color: #F2900B;
}
#form1 {
background: #191919;
}
#textfield1 {
width: 100px;
margin-left: 20px;
}
#submit1 {
}
/* Footer */
#footer {
text-align: center;
width: 100%;
height: 20px;
margin: 0 auto;
padding: 20px 0 0 0px;
}
#footer p {
margin: 0;
padding: 0;
font-size: smaller;
}
.style1 {
color: #FFFFFF;
}
.style2 {
text-align: center;
}
.style4 {
color: #FFFFFF;
font-family: Calibri;
}
.style5 {
font-family: Cambria;
font-size: large;
color: #FFFFFF;
}
.style8 {
font-family: Calibri;
font-size: large;
color: #FFFFFF;
text-align: left;
margin-top: 0px;
}
.style9 {
text-decoration: underline;
}
</STYLE>
<DIV id=header>
<H1>Fashion and Stylez</H1>
<H2><BIG><BIG>- Get The Latest Trends -</BIG></BIG></H2></DIV>
<DIV id=content>
<DIV id=colOne>
 
<BIG><BIG></BIG></BIG> <BIG style="FONT-WEIGHT: bold"><BIG><BIG>ELEGANTE GIORGIE VALENTIAN UNISEX UHR MIT EDLEM METALLARMBAND</BIG></BIG></BIG> 
<DIV style="FONT-FAMILY: Berlin Sans FB; TEXT-ALIGN: center"><BIG><BIG><BIG>- NEU & OVP - </BIG></BIG></BIG></DIV>
<IMG src="http://bilder.afterbuy.de/images/78657/11031451_0.jpg">
<H1 style="FONT-WEIGHT: normal; FONT-FAMILY: Tahoma" align=center>Ihr bietet hier auf eine wunderschöne Unisex Designer Uhr aus dem Hause Giorgie Valentian.</H1>
Wer die Marke "Giorgie Valentian" kennt, weiss das diese Uhren für top Qualität & top Verarbeitung stehen.
Die Uhr besticht durch ihre schlicht gehaltene Gehäuseform, umschmückt vom silberfarbenen 5-gliedrigem Metallarmband.
Das weisse Ziffernblatt in Kombination mit silbergrau herausstechenden Zahlen runden den Style perfekt ab.
Der Clou an dieser Uhr ist jedoch ihre Vielfalt: So lässt sie sich durch eine geschickte Einklips-Technik so am Arm befestigen, dass keine Metallschliesse zu sehen ist sondern lediglich ein komplett durchgängiges silberschimmerndes Metallarmband. 
<IMG src="http://bilder.afterbuy.de/images/78657/11031451_1.jpg">

Bronco84 · 7 Mai 2009

<BIG><BIG>DETAILS: Nickelfrei </BIG></BIG><BIG><BIG> Mineralglas </BIG></BIG> <BIG><BIG>Quarzuhrwerk: PC21  Edelstahlgehäuseboden</BIG></BIG><BIG><BIG>  Gehäusebreite: 3,5 cm ohne Krone </BIG></BIG><BIG><BIG> langlebige und austauschbare Markenbatterie  2 Jahre Garantie auf das hochwertige Uhrenwerk</BIG></BIG>
<IMG src="http://bilder.afterbuy.de/images/78657/11031451_2.jpg" border=0>
 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
Haben Sie Fragen zu unseren Produkten? Dann melden Sie sich bei uns! Da wir mit einem eigenen Emailprogramm arbeiten bitten wir Sie bei Anfragen per ebay auch stets Ihre Emailadresse mit anzugeben!
 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
<DIV id=policy style="FONT-FAMILY: Tahoma">
<H2 style="FONT-FAMILY: Tahoma">NACH DEM KAUF:</H2></DIV>
<BIG style="FONT-FAMILY: Calibri"> Kurz nach erfolgreichem Gebot erhalten Sie von uns eine Email mit allen nötigen Informationen. Bitte achten Sie stets darauf, dass Ihre richtige Emailadresse bei ebay hinterlegt ist. Zum Abschließen der Kaufabwicklung folgen Sie einfach dem in der Email genannten Link.</BIG> 
<DIV id=policy style="FONT-FAMILY: Helvetica,Arial,sans-serif">
<H2>SAMMELVersand:</H2></DIV>
<DIV class=style2 style="TEXT-ALIGN: justify">
<BIG><BIG>Für den 1. ersteigerten Artikel bezahlen Sie 4,90 EUR Versandkosten innerhalb Deutschlands. Sie haben außerdem die Möglichkeit des „Sammelns“. Wollen Sie zu Ihrem Kauf noch etwas hinzufügen, so schließen Sie bitte die Kaufabwicklung erst dann ab, wenn Sie alle Artikel bei uns eingekauft haben - spätestens jedoch innerhalb von 5 Tagen nach Kauf des 1. Artikels. Sie zahlen pro zusätzlichem Artikel lediglich 1,00 Eur Bearbeitungsgebühren. </BIG></BIG></DIV></DIV></DIV></TD></TR></TBODY></TABLE>
<HR>
<TABLE id=table1 cellSpacing=0 cellPadding=5 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle width="33%" bgColor=#ffffcc>Dieser Artikel wurde eingestellt mit <A href="Afterbuy.de" target=_blank><IMG height=33 src="http://www.afterbuy.de/images/Banner3_gif.gif" width=88 border=0></A> Afterbuy professionelle Auktionsabwicklung.</TD>
<TD vAlign=center align=middle width="1%"> </TD>
<TD vAlign=center align=middle width="33%" bgColor=#ffffcc>Kaufabwicklung
Wenn Sie der Käufer dieses Artikels sind, <A href="https://cor.afterbuy.de/afterbuy/feedback.aspx?art=Ident&vkid=76425&utm_source=eBay&utm_medium=Link&utm_term=Feedback&utm_content=Feedbackseitenlink%2B%28dt%29&utm_campaign=eBaylistings" target=_blank>klicken Sie bitte hier</A>, um direkt zur Afterbuy-Kaufabwicklung zu gelangen. (Afterbuy ist ein eBay unterstütztes Verkäufertool) </TD>
<TD vAlign=center align=middle width="1%"> </TD>
<TD vAlign=center align=middle width="33%" bgColor=#ffffcc>Wenn Sie diesen Artikel erwerben, werden Ihre Adressdaten zum Zwecke der Kaufabwicklung an Afterbuy (<A href="Afterbuy.de" target=_blank>www.afterbuy.de</A>) übermittelt und gespeichert. Mit dem Kauf stimmen Sie dieser Übermittlung ausdrücklich zu. 
mehr zum Thema <A href="AfterBuy.de" target=_blank>Datenschutz bei Afterbuy</A></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0>
<TBODY></TBODY></TABLE>
<HR>

Efchen · 7 Mai 2009

Bronco84 schrieb:
Zunächst einmal frage ich mich, warum das Bild oben (die Stadtpromenade) überall anders dargestellt wird. Habe es jetzt auf 1200 x 900 Pixel gestellt, aber jeder hat ja einen anderen Monitor.

Der Monitor hat da nur wenig mit zu tun. Ob das nun Sony, Hanns-G oder acer ist, spiel wenig Rolle :-D
Aber auch die Bildschirmauflösung sagt noch nichts darüber aus, wieviel Platz dir für eine Website zur Verfügung steht.

Kann man das nicht so einstellen im Code, dass sich das automatisch der Größe anpasst?

Images lassen sich skalieren unter Angabe von width oder height, allerdings sieht das im Browser schrecklich aus. Hintergrundbilder lassen sich gar nicht skalieren. Bilder sollte man einfach klein genug machen.

Problem ist, dass die weisse Schrift in jedem Browser anders aussieht. Die Überschrift ist im Firefox genauso wie ich sie eigentlich haben will. Im IE ist sie jedoch plötzlich überdimensional groß.

Ich habs mir nicht angesehen und den Code (schrecklich, mit HTML hat das fast nichts mehr zu tun) nur überflogen, aber ich habe gesehen, dass Du font-size in em angibst. Das ist eigentlich auch gut so, führt aber u.U. zu dem von Dir beschriebenen Problem: Mit der Einheit em wird der Font anhand der im Browser voreingestellten Schriftgröße skaliert. Wahrscheinlich ist Deine Schrift im IE größer eingestellt als im Firefox, daher ist sie bei Dir auch im IE größer. Aber das ist ja eigentlich vom Nutzer so gewollt, weil er vielleicht kleinere Schrift lieber mag oder größere Schrift benötigt, weil seine Augen nicht mehr die jüngsten sind...

Möchte alles irgendwie "vereinheitlichen".

Normalerweise würde ich antworten: Lerne HTML und CSS. Aber ob sich das für ebay lohnt, das bezweifle ich. Wobei ebay selbst ja auch nicht den besten Code hat. Darstellungsunterschiede werden mit dem ebay-Chaos und dem Chaos, den HTML-Newcomer in ihren Auktionen fabrizieren, nur gefördert.

Bronco84 · 7 Mai 2009

Danke für die Hilfe. Zugegeben bin ich in html eine blutiger Anfänger :/
Was heisst denn "Schrift in em". Das habe ich ja nicht so geschrieben, sondern habe alles im NVU Editor (falls dir das was sagt) eingefügt, geschrieben, etc und dann kam am Ende dieser Code dabei heraus. Achja vorher war das ganze Design noch in dem Editor, der bei dem Template dabei war. Müsste wohl mal überabreitet werden ;)

Das Bild habe ich einfach in den Editor gezogen. Allerdings wurde es dann kleiner dargestellt als der Rest. Datum habe ich die Größe, wie du sagst mit width und height angegelichen. Dann wird der Code so dargestellt:

<IMG style="WIDTH: 1200px; HEIGHT: 190px" alt="" src="http://bilder.afterbuy.de/images/78657/img03.gif">
<TABLE id=mainpage style="WIDTH: 100%; TEXT-ALIGN: center" cellSpacing=0 cellPadding=0>

Efchen · 8 Mai 2009

"Schrift in em" bezieht sich auf das in Deinem CSS-Code: font-size: .8em;
Da steht "Mach die Schrift in diesem Element 0.8 mal so groß, wie im Elternelement."
Mit "Das hab ich nicht geschrieben, das kam am Ende so dabei heraus" kann ich nicht weiterhelfen. Will man ein bestimmtes Ergebnis erzielen, kommt man nicht drumrum, den Code selber zu schreiben. Oder man lässt ihn sich generieren und ändert ihn dann gezielt ab. Aber ohne HTML&CSS-Kenntnisse ein bestimmtes Ergebnis zu erzielen, ist quasi unmöglich. So wie das in jedem Handwerk und überall eigentlich auch so ist. Busfahren kann ich nur anständig, wenn ich nen Fahrplan lesen kann, zum Autofahren muss ich nen Führerschein machen und ohne handwerkliches Geschick schaffe ich es sicher nicht, einen Wasserhahn auszubauen.

Helfen kann ich Dir an der Stelle leider nicht, weil der Code hier jenseits von Gut und Böse ist und da kaum einer Lust haben wird, sich da reinzudenken.

Im Prinzip gibts nur drei Möglichkeiten für Dich:
1. Kaufe Dir bessere Software speziell für das Erstellen von ebay-Auktionen.
2. Lerne HTML und CSS, um Deinen Code selber berichtigen zu können.
3. Geh ins Unterforum Jobbörse und frag, ob Dir das jemand fixen kann.

Vielleicht hast Du auch Glück und irgendjemand hat so viel Zeit, dass er sich durch diesen Code wühlen kann. Sorry :-(

Woran liegt das??

Bronco84

Neues Mitglied

Bronco84

Neues Mitglied

Efchen

Guest

Bronco84

Neues Mitglied

Efchen

Guest

Neueste Beiträge