Warenkorbbereich etwas nach unten verschieben

Hallo,
wie bekomme ich den roteingerahmenten bereich nach unten verschoben



Danke

http://www.testshop.my-whitepearl.de/StyleEdit3/index.php?template=Honeygrid&lang=de

 

Bist du sicher, dass das in Deinem Shop auch so ist?
Das scheint da anders zu sein.

P.S. bitte keine Links mit offenem Style Editor posten. Dazu braucht man Admin-Rechte.

 

Ich habe den Shop Online gestellt und mich Ausgeloggt.



Trotzdem macht es den Fehler.

 

Und noch ein Fehler bei den Artikelmerkmalen

 

Den rot Eingerahmden Bereich werde ich gleich im StyleEdit mal ausprobieren.

 

Zu Bild 2:
da hast Du vermutlich eine Tabelle mit festen Größen im Text.

Zu Bild 1:
versuche mal bitte

Code:

@media (min-width: 992px){
.product-info .product-info-details {
    top: 0px !important;
}}

 

Hat geklappt Danke
---------

Bei mir auf der Seite schaut etwas z.Zt. so aus, was mir natürlich optisch zum Vergleich Gambio Testshop 1. sehr gefällt.
Kann man das nicht Responsive mäßig gestalten?


Quellcode dazu

Code:

<table class="table table-striped table-features">
    <thead>
        <tr>
            <td><span style="font-size:18px;"><em><span style="font-family: georgia, serif;"><strong>Artikelmerkmale</strong></span></em></span></td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="width: 30%"><span style="font-family:georgia,serif;"><b><i>Zielgruppe</i></b></span></td>
            <td><span style="font-family:georgia,serif;">Damen</span></td>
            <td><span style="font-family:georgia,serif;"><b><i>Verschluss</i></b></span></td>
            <td><span style="font-family:georgia,serif;">ohne</span></td>
        </tr>
        <tr>
            <td><span style="font-family:georgia,serif;"><b><i>Art</i></b></span></td>
            <td><span style="font-family:georgia,serif;">Ringschmuck</span></td>
            <td><span style="font-family:georgia,serif;"><i><b>Schmuckstein</b></i></span></td>
            <td>Zirkonia</td>
        </tr>
        <tr>
            <td><span style="font-family:georgia,serif;"><b><i>Typ</i></b></span></td>
            <td><span style="font-family:georgia,serif;">Ring</span></td>
            <td><font face="georgia"><i><b>Oberfl&auml;che</b></i></font></td>
            <td><span style="font-family:georgia,serif;">Nickelfrei, glitzer</span></td>
        </tr>
        <tr>
            <td><span style="font-family:georgia,serif;"><b><i>Material</i></b></span></td>
            <td><span style="font-family:georgia,serif;">925er Sterling Silber</span></td>
            <td><font face="georgia"><i><b>Gr&ouml;&szlig;e</b></i></font></td>
            <td><span style="font-family:georgia,serif;">58 (18,5)</span></td>
        </tr>
        <tr>
            <td><span style="font-family:georgia,serif;"><b><i>Farbe</i></b></span></td>
            <td><span style="font-family:georgia,serif;"><i></i>Silber</span></td>
            <td><b><i><font face="georgia">Sonstiges</font></i></b></td>
            <td><span style="font-family:georgia,serif;"><i></i>Nickel frei</span></td>
        </tr>
    </tbody>
</table>

Danke

 

Obwohl ich vom Gambio Testshop1 d. Quellcode eins zu eins kopiere und bei mir einfüge

Code:

<table class="table table-striped table-features">
    <thead>
        <tr>
            <th colspan="2">Abmessungen</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>H&ouml;he</td>
            <td>42cm</td>
        </tr>
        <tr>
            <td>L&auml;nge</td>
            <td>107cm</td>
        </tr>
        <tr>
            <td>Breite</td>
            <td>13cm</td>
        </tr>
        <tr>
            <td>Tiefe</td>
            <td>66cm</td>
        </tr>
    </tbody>
</table>

<table class="table table-striped table-features">
    <thead>
        <tr>
            <th colspan="2">Energieverbrauch</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Energieeffizienzklasse:</td>
            <td>A+</td>
        </tr>
        <tr>
            <td>Leistungsaufnahme</td>
            <td>60 Watt</td>
        </tr>
    </tbody>
</table>

<table class="table table-striped table-features">
    <thead>
        <tr>
            <th colspan="2">Material</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Oberseite</td>
            <td>Aluminium (geb&uuml;rstet)</td>
        </tr>
        <tr>
            <td>Unterseite</td>
            <td>Kunststoff</td>
        </tr>
    </tbody>
</table>

<table class="table table-striped table-features">
    <thead>
        <tr>
            <th colspan="2">Garantie &amp; Gew&auml;hrleistung</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Garantie</td>
            <td>2 Jahre</td>
        </tr>
        <tr>
            <td>Gew&auml;hrleistung</td>
            <td>2 Jahre</td>
        </tr>
    </tbody>
</table>

und bei mir schaut dies so aus

 

Da fehlt ein Style Element für die grünen haken.

Ich habe gerade in Deinem Testshop geschaut
(Link nur für registrierte Nutzer sichtbar.)
die Tabelle passt sich einwandfrei an die Größe an.

Ich würde die Preisbox mitscrollen lassen, die Hüpft da etwas merkwürdig.

 

Allerdings sind die Zeilen nicht untereinander

 

Dafür benötige ich doch irgendeinen CSS code oder?

 

Das ist ein Haken im Style Editor unter "Produkte"

Hast Du denn später wirklich mehrere Tabellen untereinander?

 

Preisbox war schon so eingestellt.
Trotzdem Tanzt der irgendwie HipHop bei mir.
Bei Dir auf der Seite ist der Priesbox wesentlich stabiler.

---> Nicht, dass irgendein unnötiger CSS Code den beeinflußt?

mehr wird es nicht sein.