Zen Theme - für was ist class="block-clear"?
Eingetragen von majorbenks (144)am 24.02.2010 - 16:08 Uhr in
Hallo
Ich bin blutiger Anfänger, deshalb die vielleicht blöde Frage..
Ich habe mir das Theme "Zen" angeschaut und versucht nach zu vollziehen, wie das mit dem Theming funktioniert.
Warum hat das Theme immer zwei Divs für jeden Bereich? (Also z.B. div "head" und dann div "head-inner"?
Bei einigen Berichs Divs erscheint folgender Code: class="block-clear". Manchmal hat es auch noch die Klassen region und region-links. Ich habe in allen Styles gesucht, aber nirgends eine solche Klasse gefunden. Für was sind diese Klassen? Wie kann ich sie verwenden / Brauch ich die überhaupt? (Bei Garland kommen die übrigens auch vor)
Gruss Benks
PS: Ich verstehe Html / CSS, es ist mir also klar was eine Klasse ist..
- Anmelden oder Registrieren um Kommentare zu schreiben
Die verschachtelten Divs
am 26.02.2010 - 14:45 Uhr
Die verschachtelten Divs sind oft nötig um die verschiedene auslegung des CSS durch die verschiedenen Browser zu umgehen. Wenn du einem DIV die breite 200px gibst und dann noch 20px padding, dann gibt es einige Browser die das DIV 200px breit darstellen und andere die es 240px breit machen. Wenn du das äußere DIV 200px breit machst und dem inneren 20px padding gibst, dann sieht es in allen Browsern gleich aus. Und es gibt noch meeeeeeehhhhhhhhr so sinnlose Unterschiede.
Hier gibt noch mehr Info: http://de.selfhtml.org/css/formate/box_modell.htm
Hinter der class block-clear steht
clear: both;. Wenn du ein DIV hast in dem mehere Elemente floaten dann wird das äußere DIV nicht automatisch von der Größe her angepasst. Wenn du vor dem Ende dieses DIVs aber ein DIV mitclear: both;ausgibst dann wird dieses Problem behoben.Wo ist dieses Stylesheet abgelegt?
am 24.02.2010 - 16:36 Uhr
Wo ist dann das Stylesheet abgelegt in welchem dieses clear: both steht? Hab ich das einfach übersehen oder ist es ausserhalb des zen Themes abgelegt? Das wäre vor allem für den Fall der Klasse Region interessant - dann wüsste man was dort so eingestellt ist..
Aber nochmal zu dem block-clear, irgendwie hab ich da grad einen Knoten im Hirn. Zum Beispiel dieses Stückchen Code:
<div id="navbar">
<div id="navbar-inner" class="clear-block region region-navbar">
<?php if ($primary_links): ?>
<div id="primary" class="clear-block">
<?php print theme('links', $primary_links); ?>
</div> <!-- /#primary -->
<?php endif; ?>
</div> <!-- /#navbar-inner-->
</div> <!-- /#navbar -->
Wenn ich jetzt das Div "primary" floate, dann wird das floating doch nicht vom Parent div (in diesem Fall navbar-inner) gecleart. Oder doch? Müsste ich nicht noch extra ein Clearing-Div nach dem Primary-Div einfügen?
majorbenks schrieb Wo ist
am 24.02.2010 - 16:49 Uhr
Wo ist dann das Stylesheet abgelegt in welchem dieses clear: both steht?
Wie so oft schon bei Drupalcenter geschrieben .... Design Probleme mit FF und FIREBUG ganz einfach lösen!!!
Wenn ich jetzt das Div "primary" floate... Müsste ich nicht noch extra ein Clearing-Div nach dem Primary-Div einfügen?
Siehst du richtig! Wenn primary "floatet", dann benötigst du ein neues Element mit "clear" danach!
Da steht gar nicht clear:both..
am 24.02.2010 - 17:13 Uhr
Gutes Tool.. Aber demnach steht in clear-block gar nicht clear:both, sondern display:block, was immer das auch für einen Sinn macht, div sind ja sowieso schon Blockelemente.. Interessanterweise kommt das aber an vielen Stellen im Code vor. Weisst jemand warum?
Aber für was dann ein clear wenn oben gar kein Element ist das gecleart werden muss? (--> Naja, es cleart ja sowieso nicht..)
stimmt. Ist gar kein clear:
am 24.02.2010 - 17:31 Uhr
stimmt. Ist gar kein clear: both >> dann weiß ich es auch nicht.
------------------------------------------
Auf der Suche nach Drupal Entwicklung? » www.forward-media.de
Für was ist es dann?
am 26.02.2010 - 08:17 Uhr
Also es würde mich wirklich sehr interessieren was das für einen Sinn hat. (Wenn das jemand hier weiss?)
Gruss Benks