Abstand entfernen nach verschieben von div-Blöcken mit jQueryui position
Hallo,
auf meiner Testsite werkelt ein jQuery-script, welches per ui.position bestimmte div's an die entsprechenden Stellen bringt:
Link Testsite: http://viawebservice03.europa-uni.de/
Blöderweise bleibt nach dem Verschieben des div's ein dicker oberer Rand, quasi der Abstand zwischen der ursprünglichen Position des div's und der neuen Position nach dem Verschieben.
Ben Alman beschreibt in seinem jQuery tutorial, wie per resize() die Höhe des div's auf 'normal' gebracht werden kann:
http://benalman.com/code/projects/jquery-resize/examples/resize/
Scheint aber der falsche Ansatz zu sein.
$('.flexslider-nav-container').resize();
Zumindest lässt sich das parent-div damit nich überreden zu seiner Normalhöhe zurückzufinden.
Als nächstes probiere ich die oben verbliebenen div's per ui.position() auf dieselbe Höhe zu verschieben, wie ".flexslider", "#block-superfish-1" und ".views-field-field-image-logo".
Sollte jemand merken, dass ich auf dem Holzweg bin: Bitte laut rufen ;)
Grüße, bolshi
auf meiner Testsite werkelt ein jQuery-script, welches per ui.position bestimmte div's an die entsprechenden Stellen bringt:
(function ($) {
Drupal.behaviors.moveDivsAtTheRightPlace= {
attach: function (context, settings) {
$( ".flexslider" ).position({
my: "right bottom",
at: "right bottom",
of: ".region-main-upper"
});
$( "#block-superfish-1" ).position({
my: "left bottom",
at: "left bottom",
of: ".region-main-upper"
});
$( ".views-field-field-image-logo" ).position({
my: "left top",
at: "left center",
of: ".region-main-upper"
//of: ".region.region-main-upper"
});
}
};
})(jQuery);
Link Testsite: http://viawebservice03.europa-uni.de/
Blöderweise bleibt nach dem Verschieben des div's ein dicker oberer Rand, quasi der Abstand zwischen der ursprünglichen Position des div's und der neuen Position nach dem Verschieben.
Ben Alman beschreibt in seinem jQuery tutorial, wie per resize() die Höhe des div's auf 'normal' gebracht werden kann:
http://benalman.com/code/projects/jquery-resize/examples/resize/
Scheint aber der falsche Ansatz zu sein.
$('.flexslider-nav-container').resize();
Zumindest lässt sich das parent-div damit nich überreden zu seiner Normalhöhe zurückzufinden.
Als nächstes probiere ich die oben verbliebenen div's per ui.position() auf dieselbe Höhe zu verschieben, wie ".flexslider", "#block-superfish-1" und ".views-field-field-image-logo".
Sollte jemand merken, dass ich auf dem Holzweg bin: Bitte laut rufen ;)
Grüße, bolshi
Please also mark the comments that contributed to the solution of the article
Content-Key: 272115
Url: https://administrator.de/contentid/272115
Printed on: April 26, 2024 at 14:04 o'clock