Blog & News
Aktuelles & Updates von
Aktuelles & Updates von
Joomla, Wordpress und Co.
News, HowTos und Tutorials rund um Webdesign, Webentwicklung, Webhosting und Digitalisierung.
Blog & News
Zwei Div's gleich lang mit JavaScript
03.01.2013 · 1 Min Lesezeit
Zwei DIV's bekommt man mit verschiedenen Techniken auf gleiche Länge. Hier mal eine Version mittels JavaScript. Dieses Scipt kann ausserdem noch die beiden DIV's auf gleiche breite bringen. Funktioniert nur wenn die DIV's eine ID haben.
<script type="text/javascript">
// Hoehe
var height1 = document.getElementById('Div1').offsetHeight;
var height2 = document.getElementById('Div1').offsetHeight;
if(height1 > height2)
document.getElementById('Div2').offsetHeight = height1 ;
elseif(height2 > height1)
document.getElementById('Div1').offsetHeight = height2 ;
// Breite
var width1 = document.getElementById('Div1').offsetWidth;
var width2 = document.getElementById('Div1').offsetWidth;
if(width1 > width2)
document.getElementById('Div2').offsetWidth = width1;
elseif(width2 > width1)
document.getElementById('Div1').offsetWidth = width2;
</script>
Zurück zur Übersicht