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, 09: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.

Ansichten
Meine Werkzeuge

Contao Community Documentation

was passiert eigentlich, wenn man per zip alle gezippten cache-css cached, bevor der cache vom apache gezippt wird?

Christian de la Haye
Navigation
Verstehen
Verwenden
Entwickeln
Verschiedenes
Werkzeuge