CSS: Mehrspaltige Layouts

812 views
747 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
812
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

CSS: Mehrspaltige Layouts

  1. 1. CSS mehrspaltige Layouts
  2. 2. links width : 14%; float : left; mitte float : left; width : 66%; margin-left : 3%; rechts width : 14%; float : right; Alle Breiten in Prozent css: #left, #right { width:14%; line-height:18px; background-color : silver; } #left { float:left; } #right { float:right; } #content { float:left; width:66%; margin-left:3%; } html: <div id=&quot;left&quot;> Linkes Menü </div> <div id=&quot;content&quot;> bla</div> <div id=&quot;right&quot;> Rechtes Menü </div>
  3. 3. Vorlagen http://intensivstation.ch/templates/ http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm http://www.glish.com/css/7.asp (Spalten haben unterschiedliche Höhe) http://lists.econsultant.com/top-css-layouts-downloads-hacks-galleries-tricks.html http://blog.html.it/layoutgala/ http://www.positioniseverything.net/

×