Lesezeichen Erstelle PDF Email Drucken

Zwei Div's gleich lang mit JavaScript

Author:
Martin
Erstellt:
Dienstag, 09. August 2011
Letzte Bearbeitung:
nie
Aufrufe:
251
Bewertung:
 
Bewerte:
Gut - Schlecht
Lesezeichen:
0 Lesezeichen anlegen

Antwort

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>

Kategorie

Tags für diesen Beitrag

Kommentar schreiben


Sicherheitscode
Aktualisieren