Dirk Kramer
Neues Mitglied
Hallo zusammen,
ich versuche mir für Ebay ein Verkaufstemplate zu basteln. Im Internet-Explorer sieht das auch schon ganz gut aus aber in Chrome oder Firefox passt es gar nicht. Ich bin Anfänger und für jeden Hinweis dankbar!
Vielen Dank im Voraus!
Hier ist der Link wo ich den Code zum Ausprobieren zwischengespeichert habe.
http://www.legatus-sors-mc.de/ebay/template/ebay.htm
Dann kommt hier noch der Code
<HTML><HEAD>
<STYLE type=text/css>
BODY {
FONT-FAMILY: verdana
}
.headertop {
background: url(http://www.legatus-sors-mc.de/ebay/template/images/topbg.jpg);
width: 1132px;
height: 339px;
margin-top: 150px;
background-repeat: no-repeat;
}
.obenlinks {
width: 213px;
height: 2100px;
padding-top: 150px;
float: left
}
.obenrechts {
width: 806px;
padding-top: 150px;
}
.headline{
text-align: center;
font-weight: bold
}
.beschreibung{
width: 806px;
}
.ueberschrift{
background-image: url(http://www.legatus-sors-mc.de/ebay/template/images/bg_unter.png);
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
font: bold;
height: 39px
}
.textueberschrift{
padding-left: 160px;
color: #515151;
font-weight: bold
}
.rahmen{
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
border-bottom: 1px solid #D1D1D1;
margin-bottom: 20px;
}
.beschreibungstext{
text-align: left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px
}
.bildheadline{
text-align: center
}
</STYLE>
</HEAD>
<BODY>
<DIV align=center>
<div class="headertop">
<div class="obenlinks">
<div class="thumbnailcolumn">
$Picture1(Width=250)$<BR>
$Picture2(Width=250)$<BR>
$Picture3(Width=250)$<BR>
$Picture4(Width=250)$<BR><br><br>
<img src="http://www.legatus-sors-mc.de/ebay/template/images/boxlinks.png" alt="">
</div>
</div>
<div class="obenrechts">
<img src="http://www.legatus-sors-mc.de/ebay/template/images/versprec.png" width="806" height="200" alt="versprechen">
</div>
<div class="beschreibung">
<div class="ueberschrift">
<div class="textueberschrift">
Produktbeschreibung
</div>
</div>
<div class="rahmen">
<div class="headline">
<div class="beschreibungstext">
<center>$Headline$</center><hr>
</div>
<div class="bildheadline">$Picture1(Width=250)$</div>
</div>
<br><div class="beschreibungstext">
$Description$
</div>
</div>
<div class="ueberschrift">
<div class="textueberschrift">
Technische Daten
</div>
</div>
<div class="rahmen">
<div class="beschreibungstext">
$Details$
</div>
</div>
<div class="ueberschrift">
<div class="textueberschrift">
Video
</div>
</div>
<div class="rahmen">
$Video$
</div>
<div class="ueberschrift">
<div class="textueberschrift">
Bilder
</div>
</div>
<div class="rahmen">
$Picture1(Width=250)$<BR>
$Picture2(Width=250)$<BR>
$Picture3(Width=250)$<BR>
$Picture4(Width=250)$<BR>
</div>
<div class="ueberschrift">
<div class="textueberschrift">
Bewertung
</div>
</div>
<div class="rahmen">
<img src="http://www.legatus-sors-mc.de/ebay/template/images/bewertun.png" width="806" height="300" alt="Bewertung">
</div>
</div>
</div>
</DIV></BODY></HTML>
ich versuche mir für Ebay ein Verkaufstemplate zu basteln. Im Internet-Explorer sieht das auch schon ganz gut aus aber in Chrome oder Firefox passt es gar nicht. Ich bin Anfänger und für jeden Hinweis dankbar!
Vielen Dank im Voraus!
Hier ist der Link wo ich den Code zum Ausprobieren zwischengespeichert habe.
http://www.legatus-sors-mc.de/ebay/template/ebay.htm
Dann kommt hier noch der Code
<HTML><HEAD>
<STYLE type=text/css>
BODY {
FONT-FAMILY: verdana
}
.headertop {
background: url(http://www.legatus-sors-mc.de/ebay/template/images/topbg.jpg);
width: 1132px;
height: 339px;
margin-top: 150px;
background-repeat: no-repeat;
}
.obenlinks {
width: 213px;
height: 2100px;
padding-top: 150px;
float: left
}
.obenrechts {
width: 806px;
padding-top: 150px;
}
.headline{
text-align: center;
font-weight: bold
}
.beschreibung{
width: 806px;
}
.ueberschrift{
background-image: url(http://www.legatus-sors-mc.de/ebay/template/images/bg_unter.png);
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
font: bold;
height: 39px
}
.textueberschrift{
padding-left: 160px;
color: #515151;
font-weight: bold
}
.rahmen{
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
border-bottom: 1px solid #D1D1D1;
margin-bottom: 20px;
}
.beschreibungstext{
text-align: left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px
}
.bildheadline{
text-align: center
}
</STYLE>
</HEAD>
<BODY>
<DIV align=center>
<div class="headertop">
<div class="obenlinks">
<div class="thumbnailcolumn">
$Picture1(Width=250)$<BR>
$Picture2(Width=250)$<BR>
$Picture3(Width=250)$<BR>
$Picture4(Width=250)$<BR><br><br>
<img src="http://www.legatus-sors-mc.de/ebay/template/images/boxlinks.png" alt="">
</div>
</div>
<div class="obenrechts">
<img src="http://www.legatus-sors-mc.de/ebay/template/images/versprec.png" width="806" height="200" alt="versprechen">
</div>
<div class="beschreibung">
<div class="ueberschrift">
<div class="textueberschrift">
Produktbeschreibung
</div>
</div>
<div class="rahmen">
<div class="headline">
<div class="beschreibungstext">
<center>$Headline$</center><hr>
</div>
<div class="bildheadline">$Picture1(Width=250)$</div>
</div>
<br><div class="beschreibungstext">
$Description$
</div>
</div>
<div class="ueberschrift">
<div class="textueberschrift">
Technische Daten
</div>
</div>
<div class="rahmen">
<div class="beschreibungstext">
$Details$
</div>
</div>
<div class="ueberschrift">
<div class="textueberschrift">
Video
</div>
</div>
<div class="rahmen">
$Video$
</div>
<div class="ueberschrift">
<div class="textueberschrift">
Bilder
</div>
</div>
<div class="rahmen">
$Picture1(Width=250)$<BR>
$Picture2(Width=250)$<BR>
$Picture3(Width=250)$<BR>
$Picture4(Width=250)$<BR>
</div>
<div class="ueberschrift">
<div class="textueberschrift">
Bewertung
</div>
</div>
<div class="rahmen">
<img src="http://www.legatus-sors-mc.de/ebay/template/images/bewertun.png" width="806" height="300" alt="Bewertung">
</div>
</div>
</div>
</DIV></BODY></HTML>