Hallo,
ist es möglich zu sagen,
das die Navigationshöhe(länge) gleich der Höhe(länge) des Main-Content entspricht, der ja automatisch der text länge angepasst wird.
Wenn ja, wie realisiere ich das?
gruß
unix_agent
Hallo,
ist es möglich zu sagen,
das die Navigationshöhe(länge) gleich der Höhe(länge) des Main-Content entspricht, der ja automatisch der text länge angepasst wird.
Wenn ja, wie realisiere ich das?
gruß
unix_agent
Wenn ich dich richtig verstehe solltest du mit dem Stichwort faux-coloumns in Google weiterkommen.
hier ein kleines Mootools Script:
info und news sind dabei die beiden IDs der div-Tags, in diesem Fall soll das news-div dieselbe höhe haben wie das info-div.Code:<script type="text/javascript"> window.addEvent('domready', function() { var size = $('info').getSize(); $('news').setStyle('height', size.y-42); }); </script>
Die -42 ergeben sich aus meinem padding von 20px und des Rahmen von 1px, das zu beachten, sonst wirds nie dieselbe Höhe
Einfach in das Seitenlayout unter eigenen JS-Code einfügen, fertig
was man mit css tun kann, sollte man auch mit css machen.
layouts die nicht auf scripts verzichten können sind denkbar ungünstig.
wie immer steht die große frage im raum, welche genaue zielstellung existiert, darauf basierend man sich für eine technik entscheiden kann.
der google index ist prall gefüllt.
Dann poste doch mal eine reine CSS-Lösung!
s. oben, s. link.
ist die zielstellung zwei visuell gleichhohe columns, sind da mehrere varianten zu sehen.
per css lassen sich fast immer zwei container höhen angleichen _wenn sie verschachtelt, also in relation gebracht werden_.
ein äußerer container als maßgeber (position: relative), ein innerer anzugleichender (position: absolute und z.b.: height 100%, width: 100px, left: -120px)
wie gesagt, die zielstellung entscheidet über die technik: eleganter wären die ansätze im besagten link.
Solche Voraussetzungen hat man aber meist nur wenn es um das Grundgerüst geht.
Ich habe hier allerdings 2 floatende div´s die ich auf gleiche Höhe bringen möchte, da greifen keine der Lösungen
Für mich ist das auch rein kosmetischer Natur, wenn die Boxen eine unterschiedliche Höhe haben, kann ich auch mit leben, aber einen 3-Zeiler sehe ich da gelassen gegenüber.
Lösung:
Klick mich
Ergänzend zum Link von unix_agent noch ein Link zu einer reinen CSS-Lösung für liquid Layouts:
Mich kannste auch klicken.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen