Zum Hauptinhalt springen
Blog & News

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