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
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 272115
Url: https://administrator.de/contentid/272115
Ausgedruckt am: 22.11.2024 um 21:11 Uhr