17.07.2014
Auf diPago verwenden wir viel Open-Souce-Software, die von der Internetgemeinschaft kostenlos zur Verfügung gestellt wird. Da das Leben aber nicht nur aus "nehmen", sondern auch aus "geben" besteht, wollen auch wir nützliche kleine und große Tools, die wir entwickelt haben, an die Internetgemeinschaft zurück geben. Das erste kleine Tool ist ein Jquery-Plugin, welches dafür sorgt, dass zwei HTML-Elemente die gleiche Höhe erhalten. Das Plugin haben wir "sameBoxHeight" genannt. Die Funktionsweise kann man sich auf jsfiddle ansehen: http://jsfiddle.net/DTcHh/602/ Hier geht es zum Download des Plugins: Download
<script src="http://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>Aufruf
<script src="/path/to/jquery.sameboxheight.js" type="text/javascript"></script>
$(function () {
$('#left').sameBoxHeight({
box: $('#right')
});
});
HTML-Code
<div id="left">Hello<br>Hello<br></div>weitere Optionen Als Option kann angegeben werden, dass die Höhenanpassung erst ab einer bestimmten Bildschirmbreite vorgenommen werden. Das ist vorallem dann nützlich, wenn die Divs bei kleineren Auflösungen nicht mehr nebeneinander, sondern übereinander dargestellt werden. Der Standardwert beträgt 768 Pixel.
<div id="right">Hello<br></div>
$(function () {
$('#left').sameBoxHeight({
box: $('#right'),
break: 768
});
});
Auf unserem Blog informieren wir Sie über Neuigkeiten und geben Ihnen Tipps zum Erstellen Ihrer Homepage mit unserem Homepagebaukasten.