Beiträge von admin-RV-WPDE

  • Footerposition

    Hallo r23

    Danke für deinen Versuch mir hier zu helfen.

    Ich glaube ich habe das schon mal probiert, bin mir aber nicht sicher. Das CSS nimmt den Code ohne Fehlermeldung an, jedoch ändert sich die Position meines Footers nicht.

    Das habe ich versucht:

    Zuerst nur Code 1 alleine...

    [COLOR=#0000b3]html, body {

    height:100%;
    [/COLOR]
    [COLOR=#0000b3]}[/COLOR]
    ... dann Code 2 alleine

    [COLOR=#0000b3]#divBsp {

    min-height: 100%;

    height:auto !important;

    height:100%;

    }[/COLOR]
    … dann beide zusammen

    [COLOR=#0000ff]html, body {

    height:100%;

    }

    #divBsp {

    min-height: 100%;

    height:auto !important;

    height:100%;
    [/COLOR]
    [COLOR=#0000ff]}[/COLOR]

    .. leider keine Veränderung.

    Den Cache habe ich auch geleert und sogar das CSS für die Mindesthöhe herausgenommen.

    [COLOR=#006600].page-id-932 #primary {

    min-height: 625px !important;
    [/COLOR]
    [COLOR=#006600]}[/COLOR]

    Leider keine Veränderung.

    LG Martin

  • Footerposition

    Ich habe 4 Seiten bei denen sehr wenig Text drin ist. Nun habe ich das Problem das der Footer so natürlich in der Luft hängt und nicht unten am Bildschirmrand aufliegt. Da ich über dem Footer einen „zweiten Footer“ habe wo meine Werbebanner drin sind, hätte ich gerne, dass bei einer kurzen Webseitenhöhe (Seite mit wenig Text) der Footer (schmale Leiste mit Impressum, AGB, DSGVO, FAQ, Kontakt…) am unteren Rande des Bildschirmes aufsetzt. Dies bei jedem Bildschirm, egal wie groß dieser ist. Oder anders gesagt, wenn eine Seite nicht die gesamte Höhe erreicht (wenig Text) sollte sich die Seite automatisch an die Höhe des Bildschirmes anpassen, und dies bei allen Bildschirmgrößen. Ich möchte dies deshalb, weil ich den „zweiten Footer“ kommerziell nutzen möchte (Werbebanner).

    Eine andere Möglichkeit wäre nur einzelnen Seiten (Seiten ID) einen sticky Footer zuzuteilen.

    Derzeit löse ich das Problem so, dass ich für die entsprechenden Seiten eine Mindesthöhe eingebe. Kann mir jemand diesbezüglich weiterhelfen (CSS-code)?

    Danke,
    Martin

  • Optical bug by WooCommerce

    Also diejenigen welche HTML- und CSS-Kenntnisse haben werden nicht in das Forum gehen, da sie es ja nicht benötigen. Jene welche nicht die Kenntnisse habe bekommen hier keine Hilfe. Also welchen Nutzen hat dieses Forum den? :)

    Rein die Info zu erhalten man soll sich einen Dienstleister besorgen ist recht wenig für ein Forum. Auf solch eine Idee kommt man auch ohne Forum. Ich gehe mal davon aus das hier keiner in der Lage ist dieses technische Problem zu lösen, ansonsten hätte sich schon lange jemand gemeldet.

  • Optical bug by WooCommerce

    Okay, ich verstehe. Mein Problem ist , dass ich nicht die entsprechenden HTML- und CSS-Kenntnisse habe. Nun habe ich ein Projekt, bei dem ich enorm unter Zeitdruck stehe. Ich habe derzeit unmöglich die Zeit mir die notwendigen Grundlagen anzueignen, da ich bereits 3 Monate im Zeitrückstand bin. Das Projekt ist schon fast fertig und ich würde jemand brauchen der mir bei vielleicht noch bei 3-4 kommenden Problemen den fertigen CSS-code übermittelt, so wie mir "maxe" bereits dankenderweise geholfen hat. Daher war meine Idee in dieses Forum zu gehen, um sehr schnelle Unterstützung von Profis zu bekommen. Es ist also weder Bequemlichkeit noch Faulheit dass ich den fertigen Code möchte, ich bin einfach enorm unter Zeitdruck. Sollte ich hier im Forum jemanden beleidigt haben, möchte ich mich dafür in aller Form entschuldigen. Ich bitte daher um einen Partner der mir in den nächsten 2 Monaten da und dort ganz kurz unter die Arme greift, und mir hilft das Projekt erfolgreich zu beenden.

    Danke,
    Martin

  • Optical bug by WooCommerce

    Hallo maxe

    Ich habe jetzt in das CSS eingegeben:

    html{height:100%}

    body{height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column}

    div id="932" class="hfeed site{-ms-flex:1 1 auto;flex:1 1 auto}

    Hat jedoch nicht funktioniert.

    Wo habe ich den Fehler?

    LG Martin

  • Optical bug by WooCommerce

    Hallo maxe

    Wenn ich dich richtig verstehe müsste ich also in der betroffenen Seite zuerst einen HTML-code eingeben (nicht mit main, sondern mit deiner ID/Class).?

    HTML code auf der betroffenen Seite:

    <body>

    <header></header>

    <div id="932" class="hfeed site"><div id="932" class="hfeed site">

    <footer></footer>

    </body>

    Im CSS reicht dann:

    html{height:100%}

    body{height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column}

    main{-ms-flex:1 1 auto;flex:1 1 auto}

    Bei den anderen 3 Seiten müsste ich natürlich dann die id Nummer abändern.

    LG Martin

  • Optical bug by WooCommerce

    Hallo maxe

    Super, danke!

    Jetzt habe ich noch genau 1 Problem. Wenn du das schaffst, machst du mir ein richtiges Ostergeschenk. Ich habe hier schon einiges versucht, aber es hat leider nicht funktioniert. Auch die Plug-In Lieferanten bekommen es leider nicht hin.

    Ich habe 4 Seiten bei denen sehr wenig Text drin ist. Nun habe ich das Problem das der Footer so natürlich in der Luft hängt und nicht unten am Bildschirmrand aufliegt (siehe An- / Abmelden).

    Da ich über dem Footer einen „zweiten Footer“ habe wo meine Werbebanner drin sind, hätte ich gerne, dass bei einer kurzen Webseitenhöhe (Seite mit wenig Text) der Footer (schmale Leiste mit Impressum, AGB, DSGVO, FAQ, Kontakt…) am unteren Rande des Bildschirmes aufsetzt. Dies bei jedem Bildschirm, egal wie groß dieser ist. Oder anders gesagt, wenn eine Seite nicht die gesamte Höhe erreicht (wenig Text) sollte sich die Seite automatisch an die Höhe des Bildschirmes anpassen, und dies bei allen Bildschirmgrößen. Ich möchte dies deshalb, weil ich den „zweiten Footer“ kommerziell nutzen möchte (Werbebanner).

    Derzeit löse ich das Problem so, dass ich für die entsprechenden Seiten eine Mindesthöhe eingebe.

    Beispiel:

    .page-id-932 #primary {
    min-height: 625px !important;
    }

    Als zusätzliche Sicherheit mache den Hintergrund in der gleichen Farbe (grau), falls ein Bildschirm eines Users größer ist und so der Footer zu hoch steht. Das ist eine Notlösung, jedoch nicht dies was ich möchte.

    Ich habe jetzt einmal den Hintergrund auf weiß gestellt und die Mindesthöhe für die Seite „An- / Abmelden“ entfernt damit du das Problem optisch sehen kannst.

    Vermutlich gibt es da 2 Ansätze:

    Entweder merkt die entsprechende Seite, dass sie zu wenig Text hat und schiebt den Footer nach unten an den Bildschirmrand, oder der Footer selbst positioniert sich bei jedem Bildschirm an die richtige Position.

    Was ich nicht möchte ist ein fixierter Footer (fixed) der am unteren Bildschirmrand stehen bleibt. Das habe ich schon getestet. Es sieht nicht gut aus und kostet zu viel Platz auf den Seiten wo ich genug Text habe.

    Kannst du mir hier helfen?

    LG Martin

  • Optical bug by WooCommerce

    Hallo maxe

    Okay, verstehe. Ich lass es mal drin, so nach dem Motto sicher ist sicher.

    Vielen Dank!

    ***********************************************
    Ich habe da noch so ein lästiges optisches Problem bei WooCommerce. Wenn ich eine Bestellung bei WooCommerce durchführe (z.B. Scheckzahlung) erhalte ich eine Bestätigung über die Kassen-Seite (Vielen Dank, deine Bestellung ist eingegangen).

    Dann kommt in der nächsten Zeile BESTELLNUMMER: / DATUM: / E-MAIL: / GESAMT: mit den entsprechenden Werten.

    Je nachdem welche E-Mailadresse ich eingebe (Länge der E-Mail-Adresse) oder welcher Gesamtbetrag ausgewiesen wird, verschiebt es die „ZAHLUNGSMETHODE:“ eine Zeile nach unten. Leider hat diese 2. Zeile keinen Abstand zur 1. Zeile und pickt ganz oben.

    Schön wäre hier der gleiche Abstand wie zwischen „Vielen Dank, deine Bestellung ist eingegangen“ und „BESTELLNUMMER:“, oder etwas mehr. Meines Erachtens fehlt genau eine Leerzeile.

    Ich habe das Problem im ersten Bild oben (Here should be a blank line - 5mm) beschrieben.

    Kann man das Problem auch mit einem CSS-code beheben?

    LG Martin

  • Optical bug by WooCommerce

    Ohhhh, guter Mann. SEHR GUTER MANN. Dieser CSS-Code funktioniert. Ist es fachlich richtig, wenn ich es so verwende:

    [COLOR=#0080ff].entry-content ul.woocommerce-error {padding: 1em 2em 1em 3.5em !important; }
    [/COLOR]
    Also mit (!important), damit ein späteres Update meines Themes oder von Woocommerce dieses CSS nicht wieder überschreiben kann?

    Danke,
    Martin