3 Kolonnen unterschiedlicher Farbe – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self 3 Kolonnen unterschiedlicher Farbe Thu, 20 Dec 07 15:43:45 Z https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194130#m1194130 https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194130#m1194130 <p>Hallo zusammen</p> <p>Ich möchte folgendes machen:</p> <p>Einen Header, darunter drei Kolonnen (Navigation, Content, Sidebar). Alles mit DIV natürlich. Der Header und die Navigation sollen die Hintergrundfarbe schwarz haben, Content soll weiss sein und die Sidebar soll grau hinterlegt sein.</p> <p>Soweit kein Problem.</p> <p>Aber wie schaffe ich es, dass die drei Kolonnen immer dieselbe Höhe haben, ohne diese aber fest im CSS festzulegen? Der Content soll unterschiedliche Höhen haben können und trotzdem sollen die Navigation und Sidebar immer gleich lang sein.</p> <p>Kann mir da jemand helfen?</p> 3 Kolonnen unterschiedlicher Farbe Thu, 20 Dec 07 16:09:26 Z https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194132#m1194132 https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194132#m1194132 <p>Mahlzeit,</p> <blockquote> <p>[...] drei Kolonnen [...]</p> </blockquote> <p>Was verstehst Du in diesem Zusammenhang unter "Kolonnen"?</p> <p>MfG,<br> EKKi</p> <div class="signature">-- <br> sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:| </div> 3 Kolonnen unterschiedlicher Farbe Fri, 21 Dec 07 12:36:33 Z https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194131#m1194131 https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194131#m1194131 <p>Hoi,</p> <p>shau das beispiel an:</p> <p><a href="http://inix.in.funpic.de/3divs.html" rel="nofollow noopener noreferrer">http://inix.in.funpic.de/3divs.html</a></p> <p>LG,<br> Inita</p> <div class="signature">-- <br> Don't forget to love yourself. </div> 3 Kolonnen unterschiedlicher Farbe Thu, 20 Dec 07 17:27:04 Z https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194133#m1194133 https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194133#m1194133 <p>sowas in der Art:</p> <p>-----------<br> |  Header   |<br>  -----------<br> |1 | 2   |3 |<br> |  |     |  |<br> |  |     |  |<br> |  |     |  |</p> <p>1, 2 und 3 sind die drei Kolonnen. 1 soll schwarz sein, wie der Header, 2 weiss und 3 grau.</p> 3 Kolonnen unterschiedlicher Farbe Thu, 20 Dec 07 20:12:27 Z https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194134#m1194134 https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194134#m1194134 <p>Hallo,</p> <p>Das nennt man Spalten. Du suchst ein ganz gewoehnliches 3 spaltiges Layout. Allerdings ist das nicht so einfach zu machen, da man mit CSS einem element nicht die groesse des Nachbarelements zuweisen kann. Du musst also tricksen. Mit Faux collumns oder einem aehnlichen Konzept sollte das machbar sein.</p> <p>Grundsaetzliches findest Du hier:<br> <a href="http://de.selfhtml.org/css/layouts/mehrspaltige.htm" rel="nofollow noopener noreferrer">http://de.selfhtml.org/css/layouts/mehrspaltige.htm</a><br> und hier noch mehr CSS Templates:<br> <a href="http://www.intensivstation.ch/templates/" rel="nofollow noopener noreferrer">http://www.intensivstation.ch/templates/</a></p> <p>Der Witz dabei ist, ein Design zu entwickeln bei dem alles nur so aussieht als ob. Wenn Du einem umgebendem Containerdiv eine Hintergrundfarbe gibst und darin 3 Spalten definiertst, dann haben die linke und rechte Spalte z.B. immer diese Hintergrundfarbe, solange der Container fuer den Inhalt laenger ist, als die aeusseren Spalten.</p> 3 Kolonnen unterschiedlicher Farbe Fri, 21 Dec 07 09:38:09 Z https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194135#m1194135 https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194135#m1194135 <p>Ok, Spalten! :-)</p> <p>Das mit den drei Spalten wäre auch nicht so ein Problem, wenn es nicht drei unterschiedliche Farben sein müssten. So schlecht sieht es aber gar nicht aus. Jedenfalls im Firefox! ^^</p> <p>http://www.re-raise.ch/redesign</p> 3 Kolonnen unterschiedlicher Farbe Fri, 21 Dec 07 14:12:53 Z https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194136#m1194136 https://forum.selfhtml.org/self/2007/dec/20/3-kolonnen-unterschiedlicher-farbe/1194136#m1194136 <p>Hi,</p> <blockquote> <p>Das mit den drei Spalten wäre auch nicht so ein Problem, wenn es nicht drei unterschiedliche Farben sein müssten.</p> </blockquote> <p>Und warum gibst Du dem content-div nicht einfach eine passend breite graue Hintergrundgrafik, rechts positioniert und repeat-x?</p> <p>freundliche Grüße<br> Ingo</p> <div class="signature">-- <br> [<a href="http://www.1ngo.de/web/" rel="nofollow noopener noreferrer">barrierefreie Ingo Webdesign</a> » <a href="http://www.1ngo.de/web/seo.html" rel="nofollow noopener noreferrer">Suchmaschinenoptimierung</a> | <a href="http://www.1ngo.de/web/em.html" rel="nofollow noopener noreferrer">em?</a> | <a href="http://www.1ngo.de/web/ie7.html" rel="nofollow noopener noreferrer">IE7 - Bugs</a>] </div>