Hi it’s me again,

I found a solution for IE 10 & IE 11 !!

@media all and (-ms-high-contrast: none) {
.flex_column {
border-radius: 0px !important;
}}

Topic can be closed …

Regards,
Frankmen

Hi,

ich habe zwischenzeitlich herausgefunden das es sich hierbei um einen IE11 Bug zu handeln scheint er in Verbindung mit der Verwendung eines Background Images zusammenhängt:
https://social.msdn.microsoft.com/Forums/windows/en-US/a7808c7d-0178-4b10-b8b1-fbb06dd6ee28/ie-11-div-with-borderradius-bug

Da es dazu bisher anscheinend noch keine richtige Lösung gibt und die “Border Radius” Einstellung in anderen Browsern sehr gut funktioniert wollte ich fragen ob es evtl. per Quick-CSS o.Ä. möglich wäre die Browser Version abzufragen und bei Verwendung eines IE (egal in welcher Version) die “Border Radius” Einstellung zu deaktivieren bzw. auf Default Wert zu setzen (also auf 0px)

An sonsten muss ich wohl oder übel auf die Border Radius Einstellung der gesamten Hompage verzichten …

Gruß
Frankmen

Hello Josue,

that was a good question, i hat testet the side before only with IE 11.
Now I’ve make some tests with IE 8 but this browser will compete ignore the border radius settings.

I’ve found somthing new:
Wenn I use IE11 to view the page and zoom in (ex. 150%) or out (ex. 75%) in line changed the appearance. !!
Somtimes it looks correct “no line” and sometime 1px or 2px high !?!?!

Is there a way with Qick-CSS Code to detect Microsoft Internet Explorer and disable the border radius settings for the whole page to Default (0px) ?

I think it’s better to disable it completely before they appers with this ugly line between the layout elements

With all other testet browsers the border radius Looks fine …

Hallo nochmal,

also hier hab ich mal ein Beispiel dieser seltsamen 1px Linie:

Erst mal die “korrekte” Darstellung mit Google Chrome:
http://www.chung-gun-hammersbach.de/Chrome.jpg

Und hier die Darstellung mit dem Internet Explorer:
http://www.chung-gun-hammersbach.de/IE.jpg

evtl. Hilft das ja …

Hi Andy,
super funzt PERFEKT !!!

Vielen Dank
Frankmen

Hi Andy,

hier mal ein Beispiel:
In der Browser Ansicht super, in responsive Ansicht stören die abgerundeten Ecken da sie nicht mehr am richtigen Platz sitzen.

Hallo nochmal,

1.) schade das es für meine Seite dazu keine Lösung gibt, habe etliche Seiten im Netz mit Enfold Theme gefunden bei denen die Kommentare als Gästebuch incl. responsive Ansicht funktionieren ?!?! (kann mir nicht vorstellen das die alle einen Freelancer beauftragt haben…)
Aber OK, Punkt erledigt

2.) ja es funktioniert aber nur teilweise nachdem ich folgendes script aus einen anderen Post hier im Forum gefunden und in die funktions.php eingetragen habe:

function add_custom_script(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘#commentform input’).on(‘focus’, function(){ jQuery(this).siblings(“label”).hide(); });
jQuery(‘#commentform input’).on(‘blur’, function(){ jQuery(this).siblings(“label”).show(); });

});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_script’);

sieht auf den ersten Blick gut aus, wenn der Focus im Eingabefeld liegt verschwindet die Beschreibung NUR wenn der Focus ins nächste Eingabefeld wechselt erscheint der Beschreibungstext wieder und der Eingabetext wird überlagert so das man nichts mehr erkennen kann.

Ist es möglich die Zeilen mit einen Abfrage zu versehen die prüft ob ein Text eingegeben wurde ??

jQuery(‘#commentform input’).on(‘focus’, function(){ jQuery(this).siblings(“label”).hide(); });
jQuery(‘#commentform input’).on(‘blur’, function(){ jQuery(this).siblings(“label”).show(); });

Bin leider ein Neuling was php und Scripte angeht und hab bisher nichts im Netz entdeckt.

Gruß
Frankmen

Hallo Andy,

1.) gibt es evtl. noch einen Idee dazu ?? (siehe letzten Post)

2.) hat leider etwas länger gedauert aber ich habe nun den kompletten enfold Theme Ordner per FTP gelöscht und durch einen “frischen” von Themeforest ersetzt und danach alle Plugins deaktiviert.
Leider immer noch keine Änderung !
Die Eingabezeilen für Name, Email und Webseite der Kommentare passen sich in der Länge bei responsive Ansicht nicht an.
Das Textfeld der Kommentare funktioniert einwandfrei ?!?!
Ihr könnt natürlich gerne auch nochmal wie gewünscht Plugins deaktivieren und Test’s machen …

Gruß
Frank

Hallo nochmal,

1.) evtl. reden wir aneinander vorbei, ich mochte nicht die CF7 Seiten anpassen sondern die Enfold Kommentar Seite soll so ausschauen wie die erstellten CF7 Seiten … (was sollte ich da den CF7 Support fragen ?)

2.) hab meine Teamforest Login Infos momentan nicht griffbreit, werde das erst heute Abend dazu kommen die Sache mit dem FTP durchzuführen, melde mich dann morgen mit dem Ergebnis.

Danke schon mal

Gruß
Frankmen

Hi Ismael,

thank’s for the code but nothing has changed ?!?!
But you can still close this call i found some better layout with:

<div class=”flex_column av_one_half first”>[text Name placeholder “Name”]</div>
<div class=”flex_column av_one_half”>[text Vorname placeholder “Vorname”]</div>
…
and this works fine in responsive view ;-)

Hi Andy,
super passt perfekt !!
Habe nun allerdings noch ein anderes Problem in der responsive Ansicht:

Ich habe mit:
#top input[type=”text”] {width: 400px;}
#top input[type=”email”] {width: 400px;}

Die Einstellungen betrifft die Formulare und auch die Kommentare

Die Felder vom CF7 auf die passende Länge gesetzt da sich die Felder direkt im CF7 mit:
[text* your-name size:30 maxlength:60]
irgendwie nicht verändern (scheint wohl ein Problem zwischen CF7 und Enfold zu sein)

Nun sind die Felder halt nicht mehr responsive, lösche ich den Quick CSS-Code wieder gehen die Felder im Formular immer über die komplette Zeile sind dafür aber wieder responsive ;-(

Gibt es dafür evtl. auch eine Lösung ??

Bitte schön:

Danke für die Info hab mich entschlossen die Sache mit den Rahmen zu lassen somit sind die Probleme mit der Linie auch erledigt …

Hallo nochmal,

hab jetzt mal ein wenig getestet, wenn ich das ” .av_one_full ” weg lasse funktioniert es.

Wozu genau ist denn die zweite Zeile gedacht ?

#top .ktf-darkborder .flex_column_table > div {
background: rgba(255, 255, 255, 0.9) !important;
}