Gleich hohe DIV Container: Unterschied zwischen den Versionen
Aus Contao Community Documentation
(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…“) |
|||
| Zeile 48: | Zeile 48: | ||
Die Höhe aller DIVs an die Höhe des umschließenden DIVs Container anpassen. | Die Höhe aller DIVs an die Höhe des umschließenden DIVs Container anpassen. | ||
| − | ACHTUNG: Mootools muss aktive sein. | + | '''ACHTUNG''': Mootools muss aktive sein. |
| + | |||
| + | [[Category:Dev HOWTOS]] [[Category:Dev Snippets]] | ||
Aktuelle Version vom 24. Mai 2012, 11:33 Uhr
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:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf8"> <title></title> </head> <body> <div id="wrapper"> <div id="container"> <div id="left"> </div> <div id="main"> </div> <div id="right"> </div> <div class="clear"></div> </div> </div> </body> </html>
Kann man mit folgendem Code im Seitenlayouts (eigner JS-Code)
<script type="text/javascript"> var HeightContainer = $('container').getSize().y; if ($('left')) { $('left').height(HeightContainer); } if ($('main')) { $('main').height(HeightContainer); } if ($('right')) { $('right').height(HeightContainer); } </script>
Die Höhe aller DIVs an die Höhe des umschließenden DIVs Container anpassen.
ACHTUNG: Mootools muss aktive sein.
