https://dev.contaowiki.org/index.php?action=history&feed=atom&title=Gleich_hohe_DIV_Container
Gleich hohe DIV Container - Versionsgeschichte
2026-05-13T11:12:59Z
Versionsgeschichte dieser Seite in Contao Community Documentation
MediaWiki 1.22.6
https://dev.contaowiki.org/index.php?title=Gleich_hohe_DIV_Container&diff=5236&oldid=prev
KATgirl am 24. Mai 2012 um 08:33 Uhr
2012-05-24T08:33:07Z
<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Nächstältere Version</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Version vom 24. Mai 2012, 08:33 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno">Zeile 48:</td>
<td colspan="2" class="diff-lineno">Zeile 48:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Die Höhe aller DIVs an die Höhe des umschließenden DIVs Container anpassen.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Die Höhe aller DIVs an die Höhe des umschließenden DIVs Container anpassen.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>ACHTUNG: Mootools muss aktive sein.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">'''</ins>ACHTUNG<ins class="diffchange diffchange-inline">'''</ins>: Mootools muss aktive sein.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">[[Category:Dev HOWTOS]] [[Category:Dev Snippets]]</ins></div></td></tr>
<!-- diff cache key kunde29sql6:diff:version:1.11a:oldid:5235:newid:5236 -->
</table>
KATgirl
https://dev.contaowiki.org/index.php?title=Gleich_hohe_DIV_Container&diff=5235&oldid=prev
KATgirl: Die Seite wurde neu angelegt: „Um ein dreispaltiges Layout mit drei gleich hohen DIV-Container zu erzeugen ist es Möglich dieses per JS zu machen. Wenn man z.B. eine solche Struktur hat: <so…“
2012-05-24T08:31:57Z
<p>Die Seite wurde neu angelegt: „Um ein dreispaltiges Layout mit drei gleich hohen DIV-Container zu erzeugen ist es Möglich dieses per JS zu machen. Wenn man z.B. eine solche Struktur hat: <so…“</p>
<p><b>Neue Seite</b></p><div>Um ein dreispaltiges Layout mit drei gleich hohen DIV-Container zu erzeugen ist es Möglich dieses per JS zu machen.<br />
<br />
Wenn man z.B. eine solche Struktur hat:<br />
<br />
<source lang=html4strict><br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br />
"http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf8"><br />
<title></title><br />
<br />
</head><br />
<body><br />
<br />
<div id="wrapper"><br />
<div id="container"><br />
<div id="left"> </div><br />
<br />
<div id="main"> </div><br />
<br />
<div id="right"> </div><br />
<br />
<div class="clear"></div><br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
</source><br />
<br />
Kann man mit folgendem Code im Seitenlayouts (eigner JS-Code)<br />
<br />
<source lang=javascript><br />
<br />
<script type="text/javascript"><br />
<br />
var HeightContainer = $('container').getSize().y; <br />
<br />
if ($('left')) { $('left').height(HeightContainer); }<br />
if ($('main')) { $('main').height(HeightContainer); }<br />
if ($('right')) { $('right').height(HeightContainer); }<br />
<br />
</script><br />
<br />
</source><br />
<br />
Die Höhe aller DIVs an die Höhe des umschließenden DIVs Container anpassen.<br />
<br />
ACHTUNG: Mootools muss aktive sein.</div>
KATgirl