• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Firefox stellt Template nicht richtig dar

L

lenny2k

Neues Mitglied
Hallo,

wir haben uns ein Ebay Template gebastelt und dieses wird in Chrome, Ie etc richtig dargestellt. Leider aber nicht im Firefox.

Ich bin mit meinem Latein am Ende, vielleicht hat jemand von euch eine Idee.

Hier der HTML Code:

HTML: 
<div id="cc_wrapper">
    <div id="cc_headmenu">
        <ul>
            <li>
                <!--<a href="http://www.pliug.de" rel="publisher">Blog</a>--><a href="https://plus.google.com/108983763115658420562" rel="publisher">Google+</a> <a href="http://www.facebook.com/PLIUG" title="www.facebook.de">Facebook</a></li>
        </ul>
    </div>
    <div id="cc_head">
        &nbsp;</div>
    <div id="cc_topmenu">
        <a class="cc_home" href="http://stores.ebay.de/plishop24"><img height="40" src="http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/blank.png" width="50" /> </a>
        <ul>
            <li>
                <ul>
                    <li>
                        <a href="http://feedback.ebay.de/ws/eBayISAPI.dll?ViewFeedback2&amp;userid=PLIShop24" title="">Bewertungen </a></li>
                    <li>
                        <a href="http://stores.ebay.de/plishop24" title="">eBay- Shop </a></li>
                    <!--
                                         <li>
                                                 <a href="#" title="">
                                                         PLI UG
                                                 </a>
                                         </li>
                                         -->
                </ul>
            </li>
        </ul>
        <form action="/plishop24/_i.html" method="get" name="Search" style="display: inline;">
            <div id="senden">
                <input class="lupe" name="submit" type="submit" value="&nbsp;" /></div>
            <div id="search_field">
                <input class="text_search" maxlength="300" name="_nkw" size="20" type="text" value="" /></div>
        </form>
    </div>
        <div id="cc_slider">
        &nbsp;</div>
    <div id="cc_navi">
        <div class="cc_navi_top">
            <strong>Kontakt &amp; Gesch&auml;ftszeiten </strong></div>
        <div class="cc_navi_mid" style="text-align: justify;">
            Sch&ouml;n das Sie den Weg zu uns gefunden haben. Bei Fragen, schreiben Sie uns eine Mail an</div>
        <div class="cc_navi_mid" style="text-align: justify;">
            <strong>[email protected] </strong> oder rufen Sie an, unter <strong> 042614140909 </strong>.</div>
        <div class="cc_navi_mid" style="text-align: justify;">
            Unsere Bürozeiten sind</div>
        <div class="cc_navi_mid" style="text-align: justify;">
            <strong>Werktags von 10-12 </strong></div>
        <div class="cc_navi_mid" style="text-align: justify;">
            und im Regefall auch länger.</div>
        <div class="cc_navi_bot">
            &nbsp;</div>
        <div class="cc_navi_top">
            <strong>Bezahlung </strong></div>
        <div class="cc_navi_mid" style="text-align: justify;">
            Falls Sie per &Uuml;berweisung zahlen sollten, warten Sie bitte auf die Email aus unserem System um die Order Nr. bei der &Uuml;berweisung anzugeben.</div>
        <div class="cc_navi_mid" style="text-align: justify;">
             Anhand dieser k&ouml;nnen wir Ihre Zahlung einwandfrei zuordnen. Falls Sie per Paypal bezahlen geschieht dieses schon automatisch. Falls Sie keine Mail bekommen, schreiben Sie uns eine kurze Info.</div>
        <div class="cc_navi_bot">
            &nbsp;</div>
        <div class="cc_navi_top">
            <strong>Versand &amp; Abholung </strong></div>
        <div class="cc_navi_mid" style="text-align: justify;">
            Wir versenden ausschlie&szlig;lich mit DHL und Iloxx. Bestellungen welche bis</div>
        <div class="cc_navi_mid" style="text-align: justify;">
            <strong>11 Uhr </strong></div>
        <div class="cc_navi_mid" style="text-align: justify;">
            eingehen und bezahlt sind, gehen in der Regel noch am selben Tag in den Versand. Sobald die Ware unser Lager verl&auml;sst, bekommen Sie die Trackingnummer per Mail und selbstverst&auml;ndlich wird diese auch bei Ebay hinterlegt .</div>
        <div class="cc_navi_mid" style="text-align: justify;">
            Ihnen steht nat&uuml;rlich ebenfalls offen, die gekauften Artikel direkt bei uns abzuholen und somit den Versand zu Sparen. Hierzu bitten wir um eine kurze Info per Mail oder Telefon.</div>
        <div class="cc_navi_bot">
            &nbsp;</div>
    </div>
    <div id="cc_content">
        <h1 style="text-align: left;">
            [Auction_Title]</h1>
        <br />
        [IF::[Article_UVP]&gt;[BuyItNowPrice]] <span color="#FF0000" face="Verdana" size="3" style="color: #ff0000; font-family: Verdana; font-size: medium;"> Anstatt f&uuml;r [Article_UVP]EUR jetzt nur noch [BuyItNowPrice]EUR! </span><br />
        <br />
        [ENDIF] [IF::[Article_DescriptionShort]] [Article_DescriptionShort]<br />
        [ENDIF] [IF::[Free3]] [Free3]<br />
        [ENDIF]
        <table align="CENTER" cellspacing="20" style="height: 550px;">
            <tbody>
                <tr>
                    <td>
                        <center>
                            <img alt="" border-radius:="" height="450" id="artbild" name="Artikelbild 1" src="[Image1URL]" /></center>
                        <center>
                            [IF::[Image2URL]] <a href="#" onmouseover="document.getElementById('artbild').src='[Image1URL]';return false;"> <img alt="Artikelbild 1" border="0" src="[PreviewImage1URL]" /> </a> <a href="#" onmouseover="document.getElementById('artbild').src='[Image2URL]';return false;"> <img alt="Artikelbild 2" border="0" src="[PreviewImage2URL]" /> </a>[IF::[Image3URL]] <a href="#" onmouseover="document.getElementById('artbild').src='[Image3URL]';return false;"> <img alt="Artikelbild 3" border="0" src="[PreviewImage3URL]" /> </a> [IF::[Image4URL]] <a href="#" onmouseover="document.getElementById('artbild').src='[Image4URL]';return false;"> <img alt="Artikelbild 4" border="0" src="[PreviewImage4URL]" /> </a> [IF::[Image5URL]] <a href="#" onmouseover="document.getElementById('artbild').src='[Image5URL]';return false;"> <img alt="Artikelbild 5" border="0" src="[PreviewImage5URL]" /> </a> [IF::[Image6URL]] <a href="#" onmouseover="document.getElementById('artbild').src='[Image6URL]';return false;"> <img alt="Artikelbild 6" border="0" src="[PreviewImage6URL]" width="75" /> </a> [ENDIF] [ENDIF] [ENDIF] [ENDIF] [ENDIF]</center>
                    </td>
                </tr>
            </tbody>
        </table>
        <h1 style="text-align: left;">
            Details</h1>
        <p>
            [Auction_Description]</p>
        [IF::[Article_TechnicalData]]
        <h1 style="text-align: left;">
            Technische Daten</h1>
        [Article_TechnicalData]<br />
        [ENDIF]</div>
    <div class="clr">
        &nbsp;</div>
    <!-- CrossItems.com HTML start -->
    <!-- CrossItems.com HTML stop -->
    <p style="text-align: center;">
        <a href="http://stores.ebay.de/PLIShop24/" target="_blank" title="Auktionen und Bewertungen von PLIShop24"><img alt="Bewertungen von PLIShop24" border="0" src="http://www.salessurvey.de/Image/5/PLIShop24" /> </a></p>
    <div id="cc_pagefooter">
        <div id="cc_pagefooter_inner">
            <!--
                                <div id="cc_column1">
                                        <h2>
                                                 Links
                                        </h2>
                                        <hr>
                                                 <div style="height:20px;">
                                                         <a href="#">
                                                                 Link 1
                                                         </a>
                                                 </div>
                                                 <div style="heighat:20px;">
                                                         <a href="#">
                                                                 Link 2
                                                         </a>
                                                 </div>
                                         </div>
                                <div id="cc_column2">
                                        <h2>Links</h2>
                                        <hr>
                                        <div style="height:20px;"><a href="#">Link 3</a></div>
                                        <div style="height:20px;"><a href="#">Link 4</a></div>
                                </div>
                                <div id="cc_column3">

                                </div>
                                <div class="clr"></div>        -->
            <div id="cc_column5">
                <hr />
                <ul class="footer_credit">
                    <li>
                        &copy; 2014 by P.L.I. Unternehmergesellschaft (haftungsbeschr&auml;nkt)</li>
                </ul>
            </div>
            <div class="clr">
                &nbsp;</div>
        </div>
    </div>
</div>
<p>
    &nbsp;</p>

Es scheint als ob der Firefox die CSS Datei nicht wirklich interpretiert. Diese kommt im nächsten Beitrag. Ich hab die Crossitemsgalerie mal rausgelöscht, aufgrund der 10000 Zeichen.

Hier mal der Link zu einem unserer Artikel:

http://www.ebay.de/itm/Crea-Table-K...Geniessen_Gedeckter_Tisch&hash=item3390f6a9b9

Danke für jede Hilfe schonmal im Vorraus
 
Und hier die CSS Datei:

HTML: 
html {  width: 100%;height: 100%;}
body.PlentyBody {  width: 100%;height: 100%;line-height: 1.5;margin: 0;padding: 0;text-align: center;font-family: "Trebuchet MS", sans-serif;font-size: 82%;color: #666666;}

.cc_produkt_picture {
    text-align: center;
}

.cc_Price_single_art, cc_currency {
    font-size:14px;
    font-weight: bold;
}

.cc_produkt_info {
    padding: 3px 6px 3px 6px;
}

.cc_produkt_name a{
    font-size: 12px;
}

.cc_produkt {
    width: 190px;
    height: 263px;
    float: left;
    background-image:url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/article_bg.png");
}

#cc_pagefooter {
    margin:0 auto;
    width:1000px;
    background-color:#6f6f6f;
    background-image:url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/foot_top-2.png");
    background-repeat: no-repeat;
    background-position:top center;
    margin-top: 15px;
}
#cc_pagefooter_inner {
    width:1000px;
    margin:0 auto;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
}
#cc_pagefooter h2 {
    line-height:20px;
    font-family: verdana;
    font-size: 16px;
    vertical-align: middle;
    color: #ebebeb;
    text-align: left;
    font-weight: bold;
    margin-left: 10px;
}
#cc_pagefooter hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #838383;
}
#cc_column1 {
     text-align:left;
    width: 230px;
    padding-left: 10px;
    padding-right:10px;
    float: left;
    color:#ebebeb;
}
#cc_column1 a {
    color:#ebebeb;
    line-height:16px;
    text-decoration: none;
}
#cc_column1 a:hover {
    text-decoration: underline;
}
#cc_column1 p {
    height:10px;
}
#cc_column2 {
    width: 260px;
    padding-left: 10px;
    padding-right:10px;
    float: left;
    text-align:left;
    color:#fff;
}
#cc_column2 a {
    padding-right:10px;
    color:#ebebeb;
    line-height:16px;
    text-decoration: none;
}
#cc_column2 a:hover {
    text-decoration: underline;
}
#cc_column2 p {
    height:10px;
}
#cc_column3 {
    width: 440px;
    padding-left: 10px;
    padding-right:10px;
    float: left;
    text-align:left;
    color:#ebebeb;
}
#cc_column3 a {
    padding-right:10px;
    color:#ebebeb;
    line-height:16px;
    text-decoration: none;
}
#cc_column3 a:hover {
    text-decoration: underline;
}
#cc_column3 p {
    height:10px;
}
#cc_column4 {
    width: 230px;
    padding-left: 10px;
    padding-right:10px;
    float: left;
    text-align:left;
    color:#ebebeb;
}
#cc_column4 p{
    text-align:left;
    color: #ebebeb;
}
#cc_column4 a {
    padding-right:10px;
    color:#ebebeb;
    line-height:16px;
    text-decoration: none;
}
#cc_column4 a:hover {
    text-decoration: underline;
}
#cc_column4 p {
    height:10px;
}
#cc_column5 {
    width: 980px;
    padding-left: 10px;
    padding-right:10px;
    float: left;
    text-align:left;
    color:#ebebeb;
    margin-top: 20px;
    height: 40px;
}
#cc_column5 a {
    padding-right:10px;
    color:#ebebeb;
    line-height:16px;
    text-decoration: none;
    font-weight: normal;
}
#cc_column5 a:hover {
    text-decoration: underline;
}

.cc_navi_top {
    width: 230px;
    height: 39px;
    background-image: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/nav_top-2.png");
    font-size: 16px;
    line-height: 39px;
    text-indent: 10px;
    margin-top: 5px;
    font-weight: bold;
}

.cc_navi_mid {
    width: 210px;
    background: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/nav_mid-2.png") no-repeat  #ececec;
    text-indent: 5px;
    padding: 5px 10px 5px 10px;
}

.cc_navi_bot {
    width: 230px;
    height: 3px;
    background-image: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/nav_bot-2.png");
}

.cc_kat_top {
    width: 230px;
    height: 38px;
    background-image: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/kat_top-2.png");
    color: #6f8c1f;
    font-size: 16px;
    line-height: 38px;
    text-indent: 15px;
}

.cc_kat_mid {
    width: 230px;
    height: 41px;
    background: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/kat_mid-2.png") repeat-y;
    color: #fff;
    font-size: 13px;
    line-height: 41px;
    text-indent: 15px;
    padding: 0;
    margin: 0;
}

.cc_kat_mid a, .cc_kat_mid a:visited, .cc_kat_mid a:link {
    color: #fff;
    text-decoration: none;
}

.cc_kat_mid a:hover{
    color: #fff;
    text-decoration: underline;
}

.cc_kat_bot {
    width: 230px;
    height: 3px;
    background-image: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/kat_bot-2.png");
}

#cc_navi {
    width: 230px;
    float: left
}

#cc_content {
    width: 740px;
    float: left;
    margin-left: 10px;
    padding: 10px;
}

.clr {
    clear:both;
}

.cc_mt {
    width: 4px;
    height: 41px;
    background-image: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/menu_sep.png");
}

#cc_wrapper {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

#cc_headmenu {
    width: 1000px;
    height: 28px;
    margin: 0 auto;
    background-image: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/headmenu-2.png");
}

#cc_headmenu  ul {
    margin: 0;
    list-style:none;
}
#cc_headmenu  li {
    margin : 0;
    padding : 0;
    float : right;
    padding: 0 2px 0 2px;
    list-style : none;
}

#cc_headmenu  li:hover {
}

#cc_headmenu  li a {
    display : block;
    float: left;
    font-family: verdana;
    font-size: 12px;
    padding: 0 10px 0 10px;
    color: #464646;
    text-decoration: none;
    font-weight: normal;
    line-height:28px;
}

#cc_headmenu  li a:hover {
    text-decoration: underline;
}

#cc_head {
    width: 1000px;
    height: 140px;
    background-image: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/header_ebay.png");  
}

#cc_topmenu {
    width: 1000px;
    height: 52px;
    background-image: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/menu-2.jpg");  
}

.cc_home {
    float: left;
    height: 40px;
    width: 50px;
}

#cc_topmenu  ul {
    margin: 0;
    list-style:none;
}
#cc_topmenu  li {
    margin : 0;
    padding : 0;
    float : left;
    padding: 0 2px 0 2px;
    list-style : none;
}

#cc_topmenu  li:hover {
}

#cc_topmenu  li a {
    display : block;
    float: left;
    font-family: verdana;
    font-size: 14px;
    padding: 0 10px 0 10px;
    color: #f9fcf5;
    text-decoration: none;
    font-weight: normal;
    line-height:40px;
}

#cc_topmenu  li a:hover {
    color: #f2f9ec;
}

#cc_slider {
    width: 1000px;
    height: 265px;
    background-image: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/slider-2.png");
    display: none;
}

#cc_submenu {
    width: 1000px;
    height: 52px;
    background-image: url("http://1831266629.plentymarkets-x2.com/layout/cc_pliug/images/submenu-2.png");  
}
h1 {   font-size: 140%;  padding: 0 0 0 0;  margin: 0 0 0 0; color: #82be65; }
.footer_credit ul { margin-bottom: 0;}
.footer_credit li {float: left;display:inline; margin-right:180px}
.footer_credit li a{font-size:90%; color:#bbb;margin-right:15px}

.lupe { background:transparent; cursor:pointer; height: 30px; width: 35px; padding: 0 0 0 0; margin: 5px 15px 0 0; float: right; border: 0;}

.text_search { float: right; height: 23px; padding: 0 6px 0 6px; color: #666666; line-height: 23px; width: 270px; margin: 7px 10px 0 0; background: transparent; border: 0;}

#cc_h_bew {
    position: relative;
    left: 730px;
    top: 10px;
}
 
Was wird denn bei dir falsch dargestellt?
Bei mir sieht es auf dem ersten Blick auch im FF so aus wie in Chrome.

MfG
 
Ich verstehe die Welt nicht mehr. Den Artikel hab ich gestern Abend eingestellt. Gerade eben hat er mir das auch einmal korrekt angezeigt, jetzt nicht mehr, siehe Bild. Links Chrome, rechts Firefox. Beim Firefox verrutscht die Sidebar in die Mitte und die Artikelbeschreibung dadrunter.
 

Anhänge

  • LinksChromeRechtsFirefox.jpg
    LinksChromeRechtsFirefox.jpg
    90,7 KB · Aufrufe: 4
lenny2k schrieb:
Ich verstehe die Welt nicht mehr. Den Artikel hab ich gestern Abend eingestellt. Gerade eben hat er mir das auch einmal korrekt angezeigt, jetzt nicht mehr, siehe Bild. Links Chrome, rechts Firefox. Beim Firefox verrutscht die Sidebar in die Mitte und die Artikelbeschreibung dadrunter.
Zum Vergrößern anklicken....

Bei mir passts im FF. Sieht so aus wie auf dem Bild links.
Deaktivier mal alle Add-ons im Firefox.
 
Ich sehe den Fehler auch. Ist wohl der untere Artikel im iFrame gemeint.

Die iFrame Seite ist übrigens Schrott. Kein Doctype, Head-Angaben im Body und alles in ein Tabellenkorsett verpackt. Aber wenn du das line-height hier löschst:
Code: 
#cc_topmenu li a {
  line-height: 40px;
}

stimmt zumindest die Anzeige im FF.
 
Wenn ich die URL aufrufe, ist das line-height immer noch vorhanden, und beim abschalten im Firebug wird alles ordentlich angezeigt.

Davon abgesehen ist die Seite natürlich kaputt. Die Idee wäre, den Part im iFrame richtig zu schreiben.
 
Es ist immer noch drin. auction_8.css ab Zeile 324.

Das solltest du eigentlich auch sehen, wenn du Firebug oder ein entsprechendes Entwicklertool verwendest.
 
Jop, jetzt hab ichs auch gefunden. Danke!

nun sieht die CSS so aus:

Code: 
#cc_topmenu  li a {
    display : block;
    float: left;
    font-family: verdana;
    font-size: 14px;
    padding: 0 10px 0 10px;
    color: #f9fcf5;
    text-decoration: none;
    font-weight: normal;

leider übernimmt unser Shopsystem das wohl noch nicht :/ Ich warte mal 24 Stunden.... Die sind meist ziemlich langsam.

Vielen Dank und Gruß
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben